post.hbs

{{!< default}}

{{#post}}

<nav>
	<div class="toggle-menu">
	    <div id="icon">
	        <div class="one"></div>
	        <div class="two"></div>
	        <div class="three"></div>
	    </div>

	    <div id="menu">
	        <ul>
	            <li>
	            	<a href=""><span><i class="fa fa-twitter"></i></span> Twitter</a> 
	            </li>
	            <li>
	            	<a href=""><span><i class="fa fa-github"></i></span> Github</a>
	            </li>
	            <li>
	            	<a href="{{@blog.url}}/rss/"><span><i class="fa fa-rss"></i></span> RSS</a>
	            </li>                
	        </ul>
	    </div> 
	 </div>
</nav>

<header class="main-header {{#if @blog.cover}}" style="background-image: url({{@blog.cover}}){{else}}no-cover{{/if}}">
	<figure class="logo">
		{{#if @blog.logo}}<a href="{{@blog.url}}"><img class="img-logo" src="{{@blog.logo}}" alt="Logo Blog"></a>{{/if}}
	</figure>
	<div class="title">
		<a href="{{@blog.url}}">
			<h1>{{@blog.title}}</h1>
		</a>
		<p>{{@blog.description}}</p>
	</div>
</header>

<section class="posts">

		<article class="{{post_class}}">
			<div class="inner">
				<header class="header-post">
					<span class="meta-post">
						<time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time>
					</span>
					<h2 class="title-post">{{{title}}}</h2>
				</header>
				
				<section class="content-post">
					{{content}}
				</section>

				<footer class="footer-post">

					{{#author}}
					<section class="author-post">
						{{#if image}}
							<figure class="avatar">
								<img src="{{image}}" alt="{{name}}">
							</figure>
						{{/if}}

						<div class="bio">
							<span>Autor</span>
							<h4 class="author-name">
								<a href="{{url}}">{{name}}</a>
							</h4>
							{{#if bio}}
								<p>{{{bio}}}</p>
							{{/if}}
						</div>
					</section>
					{{/author}}

					<section class="share">
						<h4>Comparte</h4>
						<a href="https://twitter.com/share?text={{title}}&url={{url absolute="true"}}" class="fa fa-twitter" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
							<span class="hidden">Twitter</span>
						</a>

						<a href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}" class="fa fa-facebook" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
							<span class="hidden">Facebook</span>
						</a>

						<a href="https://plus.google.com/share?url={{url absolute="true"}}" class="fa fa-google-plus" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
							<span class="hidden">Google+</span>
						</a>
					</section>
				</footer>

				<section class="comments-post">
					<!-- Disqus Comments -->
					
				</section>

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