post.hbs

{{!< default}} {{#post}} <div class="progress-container">
	<span class="progress-bar"></span>
	</div>

	{{> "navbar"}}

	<header id="post-header" {{#if feature_image}} class="has-cover" {{/if}}>
		<div class="inner">
			<h1 class="post-title">{{{title}}}</h1>
			<span class="post-meta">{{authors separator=", "}} | <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD
					MMM YYYY"}}</time></span>
			{{#if feature_image}}<div class="post-cover cover" style="background-image: url('{{feature_image}}');"></div>{{/if}}
		</div>
	</header>

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

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

				<section class="post-info">

					<div class="post-share">
						<a class="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;">
							<i class="ic ic-twitter"></i><span class="hidden">Twitter</span>
						</a>
						<a class="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;">
							<i class="ic ic-facebook"></i><span class="hidden">Facebook</span>
						</a>
						<a class="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;">
							<i class="ic ic-googleplus"></i><span class="hidden">Google+</span>
						</a>
						<div class="clear"></div>
					</div>

					<aside class="post-tags">
						{{tags separator=" "}}
					</aside>

					<div class="clear"></div>

					{{#has author="count:>1"}}
					<aside class="post-authors">
						<p class="post-authors-info">{{t "This post was a collaboration between:"}}</p>
						<p class="post-authors-authors">{{authors separator=", "}}</p>
					</aside>
					{{else}}
					{{#primary_author}}
					<aside class="post-author">
						<figure class="post-author-avatar avatar">
							{{#if profile_image}}
							<img src="{{profile_image}}" alt="{{name}}" />
							{{/if}}
						</figure>
						<div class="post-author-bio">
							<h4 class="post-author-name"><a href="{{url}}">{{name}}</a></h4>
							{{#if bio}}
							<p class="post-author-about">{{{bio}}}</p>
							{{/if}}
							{{#if location}}
							<span class="post-author-location"><i class="ic ic-location"></i> {{location}}</span>
							{{/if}}
							{{#if website}}
							<span class="post-author-website"><i class="ic ic-link"></i> <a href="{{website}}">{{t "Website"}}</a></span>
							{{/if}}
							{{#if twitter}}
							<span class="post-author-twitter"><i class="ic ic-twitter"></i> <a target="_blank" href="https://twitter.com/{{twitter}}">Twitter</a></span>
							{{/if}}
							{{#if facebook}}
							<span class="post-author-facebook"><i class="ic ic-facebook"></i> <a target="_blank" href="https://facebook.com/{{facebook}}">Facebook</a></span>
							{{/if}}
						</div>
						<div class="clear"></div>
					</aside>
					{{/primary_author}}
					{{/has}}

				</section>


				<section class="post-comments">
					<a id="show-disqus" class="post-comments-activate">{{t "Show Comments"}}</a>
					<div id="disqus_thread"></div>
				</section>

				{{#if @labs.subscribers}}
				<section class="post-subscribe">
					<form class="post-subscribe-form" action="https://tinyletter.com/feedbear" method="post" target="popupwindow"
					 onsubmit="window.open('https://tinyletter.com/feedbear', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
						<input type="email" name="email" id="tlemail" class="post-subscribe-input" placeholder="Your email address">
						<input type="hidden" value="1" name="embed">
						<input type="submit" value="Subscribe" class="post-subscribe-button">
					</form>
					<p>{{t "Get the latest posts delivered right to your inbox."}}</p>
				</section>
				{{/if}}

				<aside class="post-nav">
					{{#next_post}}
					<a class="post-nav-next" href="{{url}}">
						<section class="post-nav-teaser">
							<i class="ic ic-arrow-left"></i>
							<h2 class="post-nav-title">{{title}}</h2>
							<p class="post-nav-excerpt">{{excerpt words="12"}}&hellip;</p>
						</section>
					</a>
					{{/next_post}}
					{{#prev_post}}
					<a class="post-nav-prev" href="{{url}}">
						<section class="post-nav-teaser">
							<i class="ic ic-arrow-right"></i>
							<h2 class="post-nav-title">{{title}}</h2>
							<p class="post-nav-excerpt">{{excerpt words="12"}}&hellip;</p>
						</section>
					</a>
					{{/prev_post}}
					<div class="clear"></div>
				</aside>


			</div>
		</article>
	</main>

	{{/post}}