post.hbs

{{!< default}}

{{#post}}

<main class="content" role="main">
	<article class="{{post_class}}">

			<div id="push">

			<header class="post-header{{#if feature_image}} has-cover{{/if}}">
				<div class="inner">
					<span class="post-meta">
						<span class="post-author">{{author}}</span> | <span class="post-date">{{date format="DD MMM YYYY"}} <span class="post-reading-time">| <span class="estimated-reading-time"></span> (<span class="word-count"></span> words)</span></span>
					</span>
					<div class="clear"></div>
					<h1 class="post-title">{{{title}}}</h1>
				</div>
				{{#if feature_image}}
				<div class="post-cover" style="background-image: url('{{img_url feature_image}}');"></div>
				{{/if}}
			</header>
		
			<div class="inner">
				<section class="post-content">
					{{content}}
				</section>
				
				<footer class="post-footer">
					<div class="post-tags">
						{{tags separator=" "}}
					</div>
					<div class="post-share">
						<a class="icon-twitter" href="https://twitter.com/share?text={{title}}&url={{url absolute="true"}}" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
							<span>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>Facebook</span>
						</a>
						<a class="icon-googleplus" 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>Google+</span>
						</a>
					</div>
				</footer>
				
				<aside class="post-comments">
					<div id="disqus_thread"></div>
				</aside>
				
				</div>
			</div>

			<nav class="post-nav">
				{{#next_post}}
					<a class="post-nav-item post-nav-next" href="{{url absolute="true"}}" title="{{title}}">
						<span class="post-nav-post{{#if feature_image}} has-cover{{/if}}">
							{{#if feature_image}}
							<figure class="post-nav-image" style="background-image: url({{img_url feature_image}})"></figure>
							{{/if}}
							<span class="post-nav-icon">
								<i class="icon-arrow-left"></i>
							</span>
							<h4 class="post-nav-title">{{title}}</h4>
							<p class="post-nav-excerpt">{{excerpt words="19"}}&hellip;</p>
						</span>
					</a>
				{{/next_post}}
				{{#prev_post}}
					<a class="post-nav-item post-nav-prev" href="{{url absolute="true"}}" title="{{title}}">
						<span class="post-nav-post{{#if feature_image}} has-cover{{/if}}">
							{{#if feature_image}}
							<figure class="post-nav-image" style="background-image: url({{img_url feature_image}})"></figure>
							{{/if}}
							<span class="post-nav-icon">
								<i class="icon-arrow-right"></i>
							</span>
							<h4 class="post-nav-title">{{title}}</h4>
							<p class="post-nav-excerpt">{{excerpt words="19"}}&hellip;</p>
						</span>
					</a>
				{{/prev_post}}
				<div class="clear"></div>
			</nav>
	</article>
</main>
{{/post}}