mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
fd43071a3c
- Split the navigation out to separate files. - Set the navigation items to i18n strings. - Updated the overlay css to accommodate the number of nav items.
119 lines
4.5 KiB
HTML
119 lines
4.5 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>{% if page.title %}{% t page.title %} — {% endif %}Dash</title>
|
||
<meta name="description" content="{{ page.description }}">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||
|
||
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png">
|
||
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="/assets/images/favicon/manifest.json">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
|
||
<!-- JavaScript -->
|
||
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
|
||
<script src="/assets/js/moment.min.js"></script>
|
||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- Hero -->
|
||
<div id="hero">
|
||
<div id="background-video">
|
||
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
|
||
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
|
||
<source src="assets/videos/Home-BG.webm" type="video/webm">
|
||
<source src="assets/videos/Home-BG" type="video/ogg"> -->
|
||
</video>
|
||
</div>
|
||
<div id="top" class="content">
|
||
<a href="#"><img src="assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
|
||
<!-- Navigation -->
|
||
{% include nav-desktop.html %}
|
||
|
||
<div class="button_container" id="toggle">
|
||
<span class="top"></span>
|
||
<span class="middle"></span>
|
||
<span class="bottom"></span>
|
||
</div>
|
||
<span class="clear"></span>
|
||
</div>
|
||
<h1 class="content">Dash is Digital Cash</h1>
|
||
<p class="content">Hero Text</p>
|
||
<div class="content">
|
||
<a href="#" class="btn-blue">Get Dash</a>
|
||
</div>
|
||
</div>
|
||
|
||
{{ content }}
|
||
|
||
<!-- Footer -->
|
||
<footer class="content">
|
||
|
||
This is the footer
|
||
|
||
</footer>
|
||
|
||
<!-- Mobile Nav -->
|
||
<div class="overlay" id="overlay">
|
||
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
{% include nav-mobile.html %}
|
||
</div>
|
||
|
||
<script src="/assets/js/full-menu.js"></script>
|
||
|
||
<script>
|
||
function windowPopup(url, width, height) {
|
||
// Calculate the position of the popup so
|
||
// it’s centered on the screen.
|
||
var left = (screen.width / 2) - (width / 2),
|
||
top = (screen.height / 2) - (height / 2);
|
||
|
||
window.open(
|
||
url,
|
||
"",
|
||
"menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
|
||
);
|
||
}
|
||
|
||
//jQuery
|
||
$(".js-social-share").on("click", function(e) {
|
||
e.preventDefault();
|
||
|
||
windowPopup($(this).attr("href"), 500, 300);
|
||
});
|
||
|
||
// Vanilla JavaScript
|
||
var jsSocialShares = document.querySelectorAll(".js-social-share");
|
||
if (jsSocialShares) {
|
||
[].forEach.call(jsSocialShares, function(anchor) {
|
||
anchor.addEventListener("click", function(e) {
|
||
e.preventDefault();
|
||
|
||
windowPopup(this.href, 500, 300);
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
|
||
|
||
</body>
|
||
</html>
|