post.hbs

{{!< default}}

{{! Everything inside the #post tags pulls data from the post }}
{{#post}}
<main class="site-content" role="main">

	<article class="{{post_class}}">

			{{! Add Open Graph tags to head}}
			{{#contentFor "meta"}}
				<meta property="og:description" content="{{excerpt characters="220"}}...">
			{{/contentFor}}

			{{! Everything below outputs content of the the post which has been published }}

			<header class="post-header">
				{{#if post.feature_image}}<a href="{{url}}"><img class="post-image" src="{{post.feature_image}}"></a>{{/if}}
				<h1 class="post-title">{{title}}</h1>
				<span class="post-meta">{{t "Posted on"}} <time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMMM YYYY'}}</time></span>
			</header>

			<section class="post-content">
				{{content}}
			</section>

			<footer class="post-footer">
				{{#primary_author}}
					<section class="author-card cf">
						{{#if profile_image}}
							<figure class="author-image">
								<a href="{{url}}"><img src="{{profile_image}}" alt="{{name}}'s Image"></a>
							</figure>
						{{/if}}
						<div class="author-meta" {{#if profile_image}}style="width: 65%; float: left;"{{/if}}>
							 {{#if name}}<a class="author-name" href="{{url}}">{{name}}</a>{{/if}}
							 {{#if website}}<a href="{{website}}" class="author-website" rel="author">{{t "Website"}}</a>{{/if}}
							 {{#if location}}<div class="author-location">{{location}}</div>{{/if}}
							 {{#if bio}}<p class="author-bio">{{{bio}}}</p>{{/if}}
						</div>
					</section>
				{{/primary_author}}

				{{#if tags}}
					<div class="post-tags">{{t "Tagged with"}}: {{tags separator=", "}}</div>
				{{/if}}
			</footer>
	</article>

	<aside class="post-navigation cf">
		{{#next_post}}
			<div class="nav-next">
				<a href="{{url}}">{{title}}</a>
			</div>
		{{/next_post}}
		{{#prev_post}}
			<div class="nav-previous">
				<a href="{{url}}">{{title}}</a>
			</div>
		{{/prev_post}}
	</aside>

</main>
{{/post}}