post.hbs

{{!< default}}

{{! The comment above "< default" means - insert everything in this file into
    the {body} of the default.hbs template, which contains our header/footer. }}

<main class="content" role="main">

    {{! Each post has the blog logo at the top, with a link back to the home page }}

		<header id="postihead">
			<div class="block-top" style="background-image: url('/assets/img/scales.png');background-color: #575550;height: 120px !important;width:100%;margin: 0px;"></div>
			<a href="/"><img style="margin: auto;display: block;z-index:10;width:280px;top:-110px;position: relative;" src="/assets/img/ape.png" alt="Blog Logo"></a>
		</header><!-- /header -->        
        
    <article class="{{post_class}}">


        {{! Everything inside the #post tags pulls data from the post }}
        {{#post}}

	    {{! Everything below outputs content of the the post which has been published }}
        <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{#if tags}}on {{tags separator=" | "}}{{/if}}</span>
        

        <h1 class="post-title">{{{title}}}</h1>

        <section class="post-content">
            {{content}}
            
            <br /> 
            <a href="/"><div class="readmore-btn">Back</div></a>
            
        </section>

        <footer class="post-footer">
        
            {{#if author}}
                 <section class="author">
                     <h4></h4>
                     <p></p>
                 </section>
            {{/if}}

            <section class="share">
                <h4>Share this post</h4>
                <a class="icon-twitter" href="http://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-google-plus" 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>
            </section>

        </footer>

        {{/post}}
        <div id="disqus_thread"></div>
<script type="text/javascript">
    var disqus_shortname = 'aanio'; // required: replace example with your forum shortname
    var disqus_identifier = '{{post.id}}'; // make sure to use the post.id as an identifier, otherwise disqus will use the pages url per default, which might be problematic...
 
    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>


    </article>

</main>