post.hbs

{{!< default}}

<div class="wrap">
    <section class="blog-content">

        <article class="{{post_class}}">
        {{#post}}

            <a class="post-meta" href="/">&larr; Back to the front page</a>

            <h1 class="post-title">{{{title}}}</h1>
            <section class="post-meta">
                <img class="author-img" src="{{author.image}}" alt="Author image" nopin="nopin" />
                <span class="author-name">{{author}}</span>
                on the
                <time datetime="{{date format='YYYY-MM-DD'}}">{{date format="Do of MMMM YYYY"}}</time>
                <span class="tags">{{tags prefix="in "}}</span>
            </section>

            <section class="post-content">
                {{#if image}}<img src="{{image}}" alt="Post image" />{{/if}}
                {{content}}
            </section>

            <footer class="post-footer">

                <section class="share">
                    <div class="fb-like" data-href="{{url absolute="true"}}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

                    <a href="https://twitter.com/share" class="twitter-share-button" data-url="{{url absolute="true"}}" data-text="{{title}}" data-via="DucBook" data-related="DucBook">Tweet</a>

                    <div class="g-plusone" data-size="medium" data-href="{{url absolute="true"}}"></div>
                    <script type="text/javascript">
                      (function() {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/platform.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                      })();
                    </script>

                    <a data-pocket-label="pocket" data-pocket-count="horizontal" data-pocket-align="left" class="pocket-btn" data-lang="en"></a>
                    <script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

                    <a href="//www.pinterest.com/pin/create/button/?url={{url absolute="true"}}&description={{title}}" data-pin-do="buttonPin" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
                    <script type="text/javascript">
                    (function(d){
                        var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
                        p.type = 'text/javascript';
                        p.async = true;
                        p.src = '//assets.pinterest.com/js/pinit.js';
                        p.setAttribute('data-pin-hover', true);
                        f.parentNode.insertBefore(p, f);
                    }(document));
                    </script>
                </section>

                <section class="author">
                    <img class="author-img" src="{{author.image}}" alt="Author image" nopin="nopin" />
                    <div class="author-meta">
                        <h4>{{author.name}}</h4>
                        <p>{{author.bio}} <a href="{{author.website}}">{{author.website}}</a></p>
                    </div>
                </section>

                <section class="read-next">
                    {{#next_post}}
                    <a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
                        <section class="post">
                            <h2>{{title}}</h2>
                            <p>{{excerpt words="19"}}&hellip;</p>
                        </section>
                    </a>
                    {{/next_post}}
                </section>

            </footer>
            <section class="comments">
              <div id="disqus_thread"></div>
              <script type="text/javascript">
              	var disqus_shortname = 'tech-diary';
              	var disqus_identifier = 'post-{{id}}';
              	(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>

            </section>

        {{/post}}
        </article>

    </section>

    {{> sidebar}}

</div>