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. }}
{{! Everything inside the #post tags pulls data from the post }}

<main class="content" role="main" id="top-post">
        <div class="back">
            <a href="{{@blog.url}}">&larr;  back to the home page</a>
        </div>

    <article itemscope itemtype="http://schema.org/Article" class="{{post_class}} purity_post">

        {{#post}}

        <header class="post-header">
            {{! img class="post-avatar" alt="...'s avatar" src="..." height="48" width="48"}}
            <h2 itemprop="name" class="post-title big">{{title}}</h2>
            <p class="post-meta">Written{{#if author}} by <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{author.name}}</span></span>{{/if}} the <time itemprop="datePublished" datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> - <span class="post-tagline">{{#if tags}} Tagged: {{tags separator=" | "}}{{/if}}</span></p>
        </header>

        {{! Everything below outputs content of the the post which has been published }}

        <section class="post-content">

        <div class="post-share-box">            

            <section class="share">
                
                <h3>Share this post</h3>
                <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-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-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>

        </div>

        <div itemprop="articleBody">
            {{content}}
        </div>
        
        </section>

        <!-- REMOVE THIS LINE TO ENABLE DISQUS COMMENTS
        <section class="post-comments">
            <div id="disqus_thread"></div>
            <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE UNCOMMENTING THE THEME * * */
            var disqus_shortname = 'YOURDISQUSSHORTNAME'; // required: replace example with your forum shortname
            var disqus_identifier = '{{comment_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>
        </section>
        REMOVE THIS LINE TO ENABLE DISQUS COMMENTS -->

        <!-- REMOVE THIS LINE TO ENABLE GOOGLE+ COMMENTS
        <section class="post-comments">
            <div class="g-comments" data-href="{{@blog.url}}{{url}}" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ Comments ...</div>
            <script async type="text/javascript" src="//apis.google.com/js/plusone.js?callback=gpcb"></script>
            <noscript>Please enable JavaScript to view the <a href="https://plus.google.com/">comments powered by Google+.</a></noscript>
        </section>
        REMOVE THIS LINE TO ENABLE GOOGLE + COMMENTS -->

        <!-- REMOVE THIS LINE TO ENABLE FACEBOOK COMMENTS
        <section class="post-comments">
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=###YourAppID###";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
         
        <div class="fb-comments" data-href="{{@blog.url}}{{url}}" data-width="470"></div>
        </section>
        REMOVE THIS LINE TO ENABLE FACEBOOK COMMENTS -->

        {{/post}}

    </article>
    <script type="text/javascript">
        document.getElementById( 'top-post' ).scrollIntoView();
    </script>

</main>