post.hbs

{{!< default}}

{{#post}}

<header id="main-header">
	<nav id="main-nav">
		<span id="home-link"><a class="js-ajax-link js-show-index" href="{{@blog.url}}"><i class="icon-arrow-left"></i> Home</a></span>
		<span id="nav-link">
			{{navigation}}
			<a class="subscribe" href="{{@blog.url}}/rss/"><i class="icon-rss"></i> RSS</a>
		</span>
	</nav>
</header>

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

			<header class="post-header">
				<span class="post-meta">{{author}} {{tags prefix=" on " separator=", "}} | <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time></span>
				<div class="clear"></div>
				<h1 class="post-title">{{{title}}}</h1>
			</header>
		
			<section class="post-content">
				{{content}}
			</section>
			
			<footer class="post-footer">			
				<div class="post-meta">
					{{tags separator=", "}} | <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time>
				</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 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-gplus" 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>
				</div>
				<div class="clear"></div>
			</footer>
			
			{{#author}}
			<aside class="post-author">
				{{#if profile_image}}
					<figure class="post-author-avatar">
						<img src="{{profile_image}}" alt="{{name}}" />
					</figure>
				{{/if}}
				<div class="post-author-bio">
					<h4><a class="js-author-index js-ajax-link" href="{{url}}">{{name}}</a></h4>
					{{#if bio}}
						<p>{{{bio}}}</p>
					{{/if}}
					{{#if location}}
						<span><i class="icon-location"></i> {{location}}</span>
					{{/if}}
					{{#if website}}
						<span><i class="icon-link"></i> <a href="{{website}}">Website</a></span>
					{{/if}}
				</div>
				<div class="clear"></div>
			</aside>
			{{/author}}
			
			<aside class="post-comments">
				<div id="disqus_thread"></div>
			</aside>

			{{/post}}
		</div>
	</article>
</main>