post.hbs

{{> header}}

{{#post}}

	<div class="progress-container">
		<span class="progress-bar"></span>
	</div>

	<header id="post-header"{{#if image}} class="has-cover" {{/if}}>
		<div class="inner">
			<nav id="navigation">
				{{#if @settings.logo}}
				<span class="blog-logo">
					<a href="{{url}}"><img src="{{url @settings.logo}}" alt="Blog Logo" /></a>
				</span>
				{{else}}
				<span id="home-button" class="nav-button">
					<a class="home-button" href="{{url}}" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
				</span>
				{{/if}}
				{{#if @settings.navigation}}
				<span id="menu-button" class="nav-button">
					<a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
				</span>
				{{/if}}
			</nav>
			<h1 class="post-title">{{title editable="true"}}</h1>
			<span class="post-meta">
				{{#author}}
					<a href="{{author_url}}">{{name}}</a> |
				{{/author}}
				<time datetime="{{date format='YYYY-MM-DD'}}">
					{{date format="%d %b %Y"}}
				</time> |
				{{reading_time}} min read
			</span>
			{{#if image}}<div class="post-cover cover" style="background-image: url('{{image}}');"></div>{{/if}}
		</div>
	</header>

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

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

				<section class="post-info">

					<div class="post-share">
						<a class="twitter" href="https://twitter.com/share?text={{title editable="false"}}&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>

					{{#author}}
						<aside class="post-author">
							{{#if avatar}}
								<figure class="post-author-avatar">
									<a href="{{author_url}}"><img src="{{url avatar}}" alt="{{name}}" /></a>
								</figure>
							{{/if}}
							<div class="post-author-bio">
								<h4 class="post-author-name"><a href="{{author_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"><a href="{{website}}"><i class="ic ic-link"></i> Website</a></span>
								{{/if}}
							</div>
							<div class="clear"></div>
						</aside>
					{{/author}}

				</section>

				{{!-- <section class="post-comments"></section> --}}

				<aside class="post-nav">
					{{#next_post}}
						<a class="post-nav-next" href="{{post_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}}
					{{#previous_post}}
						<a class="post-nav-prev" href="{{post_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>
					{{/previous_post}}
					<div class="clear"></div>
				</aside>

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

{{/post}}

{{> footer}}