post.hbs

{{!< default}}

<article>
    {{#post}}
        <header class="post-head">
            <div class="vertical">
                <div class="inner">
                    {{#if @blog.logo}}
                        <a class="blog-logo" href="{{@blog.url}}">
                            <img class="blog-logo-post" src="{{@blog.logo}}" alt="Blog Logo" />
                        </a>
                    {{/if}}

                    <h2 class="post-title">{{{title}}}</h2>
                    <h4>
                        {{#if author}}
                            <span class="post-meta">
                                <span class="glyphicon glyphicon-user"></span>
                                {{author.name}}
                            </span>
                        {{/if}}

                            <span class="post-meta">
                                <span class="glyphicon glyphicon-calendar"></span>
                                <time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time>
                            </span>

                        {{#if tags}}
                            <span class="post-meta">
                                <span class="glyphicon glyphicon-tags"></span>
                                {{tags prefix="" separator=", "}}
                            </span>
                        {{/if}}

                        <span class="post-meta">
                            <span class="glyphicon glyphicon-comment"></span>
                            <a href="{{@blog.url}}{{url}}#disqus_thread"></a>
                        </span>
                    </h4>
                </div>
            </div>
        </header>

        <div class="col-md-8 col-md-offset-2 post-content">
            <div class="panel {{post_class}}">
                <section class="text single-page">
                   {{content}}
                </section>
                <section class="post-footer">


                    {{#if author}}
                        <section class="author">
                            <h4>{{author.name}}</h4>
                            <p>{{author.bio}}</p>
                        </section>
                    {{/if}}

                    <section class="share">
                        <h4>Share </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>

                </section>
            </div>
        </div>

        <div class="col-md-8 col-md-offset-2 post-comments">
            <div class="panel">
                <div id="disqus_thread"></div>
                <script type="text/javascript">
                    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                    var disqus_shortname = 'jcodedemos'; // required: replace example with your forum shortname

                    /* * * DON'T EDIT BELOW THIS LINE * * */
                    (function() {
                        // Comments
                        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);

                        // Comment count
                        var s = document.createElement('script'); s.async = true;
                        s.type = 'text/javascript';
                        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
                        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
                    }());
                </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>

            </div>
        </div>

    {{/post}}
</article>