mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
f371dd4cd3
Created a _include snippet base.html that can be used to create relative links to assets.
91 lines
3.6 KiB
HTML
91 lines
3.6 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
{% include base.html %}
|
||
<meta charset="UTF-8">
|
||
<title>{% if page.title %}{% t page.title %} — {% endif %}Dash</title>
|
||
<meta name="description" content="{% t page.description %}">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||
|
||
<link rel="apple-touch-icon" sizes="57x57" href="{{ base }}/assets/images/favicon/apple-icon-57x57.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="{{ base }}/assets/images/favicon/apple-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="{{ base }}/assets/images/favicon/apple-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="{{ base }}/assets/images/favicon/apple-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="{{ base }}/assets/images/favicon/apple-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="{{ base }}/assets/images/favicon/apple-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="{{ base }}/assets/images/favicon/apple-icon-144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="{{ base }}/assets/images/favicon/apple-icon-152x152.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="{{ base }}/assets/images/favicon/apple-icon-180x180.png">
|
||
<link rel="icon" type="image/png" sizes="192x192" href="{{ base }}/assets/images/favicon/android-icon-192x192.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="{{ base }}/assets/images/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="96x96" href="{{ base }}/assets/images/favicon/favicon-96x96.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="{{ base }}/assets/images/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="{{ base }}/assets/images/favicon/manifest.json">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="msapplication-TileImage" content="{{ base }}/assets/images/favicon/ms-icon-144x144.png">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link rel="stylesheet" type="text/css" href="{{ base }}/assets/css/style.css">
|
||
<!-- JavaScript -->
|
||
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
|
||
<script src="{{ base }}/assets/js/moment.min.js"></script>
|
||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
{{ content }}
|
||
|
||
<!-- Footer -->
|
||
<footer class="content">
|
||
{% include footer.html %}
|
||
</footer>
|
||
|
||
<!-- Mobile Nav -->
|
||
<div class="overlay" id="overlay">
|
||
<a href="/"><img src="{{ base }}/assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
{% include nav-mobile.html %}
|
||
</div>
|
||
|
||
<script src="{{ base }}/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>
|