100 lines
3.8 KiB
Handlebars
100 lines
3.8 KiB
Handlebars
{{!< default}}
|
|
|
|
{{! The comment above "< default" means - insert everything in this file into
|
|
the {body} of the default.hbs template, which contains our header/footer. }}
|
|
|
|
{{! Everything inside the #post tags pulls data from the post }}
|
|
{{#post}}
|
|
|
|
<header class="main-header post-head {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
|
|
<nav class="main-nav {{#if image}}overlay{{/if}} clearfix">
|
|
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
|
|
{{#if @blog.navigation}}
|
|
<a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
|
|
{{/if}}
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="content" role="main">
|
|
<article class="{{post_class}}">
|
|
|
|
<header class="post-header">
|
|
<h1 class="post-title">{{title}}</h1>
|
|
<section class="post-meta">
|
|
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}}
|
|
</section>
|
|
</header>
|
|
|
|
<section class="post-content">
|
|
{{content}}
|
|
</section>
|
|
|
|
<footer class="post-footer">
|
|
|
|
{{! Everything inside the #author tags pulls data from the author }}
|
|
{{#author}}
|
|
|
|
{{#if image}}
|
|
<figure class="author-image">
|
|
<a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
|
|
</figure>
|
|
{{/if}}
|
|
|
|
<section class="author">
|
|
<h4><a href="{{url}}">{{name}}</a></h4>
|
|
|
|
{{#if bio}}
|
|
<p>{{bio}}</p>
|
|
{{else}}
|
|
<p>Read <a href="{{url}}">more posts</a> by this author.</p>
|
|
{{/if}}
|
|
<div class="author-meta">
|
|
{{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
|
|
{{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
|
|
</div>
|
|
</section>
|
|
|
|
{{/author}}
|
|
|
|
<section class="share">
|
|
<h4>Share this post</h4>
|
|
<a class="icon-twitter" href="https://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"
|
|
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
|
|
<span class="hidden">Twitter</span>
|
|
</a>
|
|
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
|
|
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
|
|
<span class="hidden">Facebook</span>
|
|
</a>
|
|
<a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
|
|
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
|
|
<span class="hidden">Google+</span>
|
|
</a>
|
|
</section>
|
|
|
|
</footer>
|
|
|
|
</article>
|
|
</main>
|
|
|
|
<aside class="read-next">
|
|
{{#next_post}}
|
|
<a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
|
|
<section class="post">
|
|
<h2>{{title}}</h2>
|
|
<p>{{excerpt words="19"}}…</p>
|
|
</section>
|
|
</a>
|
|
{{/next_post}}
|
|
{{#prev_post}}
|
|
<a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
|
|
<section class="post">
|
|
<h2>{{title}}</h2>
|
|
<p>{{excerpt words="19"}}…</p>
|
|
</section>
|
|
</a>
|
|
{{/prev_post}}
|
|
</aside>
|
|
|
|
{{/post}}
|