mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
db93e035b5
* (Update) Home: Adjust section spacing * (Feature) Mediaqueries: Add mq mixin * (Update) Layout/JS: move javascript to bottom of page (performance!) * (Update) Footer: general styling + responsive styles
89 lines
2.5 KiB
HTML
89 lines
2.5 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="icon" type="image/png" sizes="16x16" href="{{ base }}/assets/img/favicon/favicon-16x16.png">
|
||
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link rel="stylesheet" type="text/css" href="{{ base }}/assets/css/style.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
{{ content }}
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
{% 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>
|
||
|
||
<!-- JavaScript -->
|
||
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
|
||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js'></script>
|
||
<script src="{{ base }}/assets/js/moment.min.js"></script>
|
||
<script src="{{ base }}/assets/js/full-menu.js"></script>
|
||
|
||
<script>
|
||
function formatNumber (num) {
|
||
return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
|
||
}
|
||
|
||
function formatCurrency (num,decimal) {
|
||
var _decimal;
|
||
_decimal = typeof decimal !== "undefined" ? decimal : 2;
|
||
return num.toFixed(_decimal).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
|
||
}
|
||
|
||
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>
|