casper/default.hbs

73 lines
2.6 KiB
Handlebars
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
2017-05-15 20:03:47 +00:00
{{!-- Document Settings --}}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
2013-09-15 16:50:23 +00:00
2017-05-15 20:03:47 +00:00
{{!-- Base Meta --}}
<title>{{meta_title}}</title>
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
2013-09-15 16:50:23 +00:00
{{!-- Styles'n'Scripts --}}
2017-05-15 20:03:47 +00:00
<link rel="stylesheet" type="text/css" href="{{asset "assets/public/screen.css"}}" />
2017-02-24 05:23:02 +00:00
2017-05-15 20:03:47 +00:00
{{!-- This tag outputes SEO meta+structured data and other important settings --}}
{{ghost_head}}
2017-05-15 20:03:47 +00:00
</head>
<body class="{{body_class}}">
2015-02-27 14:48:15 +00:00
<div class="site-wrapper">
{{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}}
2015-02-27 14:48:15 +00:00
{{{body}}}
2017-05-15 20:03:47 +00:00
{{!-- The footer at the very bottom of the screen --}}
<footer class="site-footer outer">
<div class="site-footer-content inner">
<section class="copyright"><a href="{{@blog.url}}">{{@blog.title}}</a> &copy; {{date format="YYYY"}}</section>
<nav class="site-footer-nav">
<a href="{{@blog.url}}">Latest Posts</a>
{{#if @blog.facebook}}<a href="{{facebook_url}}">Facebook</a>{{/if}}
{{#if @blog.twitter}}<a href="{{twitter_url}}">Twitter</a>{{/if}}
<a href="https://ghost.org" target="_blank">About Ghost</a>
</nav>
</div>
2015-02-27 14:48:15 +00:00
</footer>
</div>
2017-05-15 20:03:47 +00:00
{{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
<script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
2017-05-15 20:03:47 +00:00
<script>
// TODO: Only include this on post.hbs - preferably put in floating-header.hbs and pass up to ghost_foot via block helper or similar.
$(function() {
2017-05-31 18:09:50 +00:00
var $postContent = $(".post-full-content");
$postContent.fitVids();
2017-05-15 20:03:47 +00:00
$(window).scroll(function() {
var header = $(".floating-header");
var title = $(".post-full-title");
var trigger = title.offset().top;
var scroll = $(window).scrollTop();
if (scroll >= trigger + title.height() + 35 ) {
header.addClass("floating-active");
} else {
header.removeClass("floating-active");
}
});
});
</script>
{{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
{{ghost_foot}}
</body>
</html>