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 }}
{{#post}}

<header class="site-page-head">
    <div class="verticle">
        <a class="blog-title-link" href="{{@blog.url}}">
            {{#if @blog.logo}}
                <img src="{{@blog.logo}}" alt="Blog Logo">
            {{/if}}
            <h1 class="blog-title">{{@blog.title}}</h1>
        </a>
    </div>
</header>

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

    <article class="single-post {{post_class}}">
        
        <div class="post-image {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}">
        </div>

            <div class="pane">
        
                <header class="post-header strip">
                    <h2 class="post-title">{{{title}}}</h2>
        
                    <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{tags prefix="on " separator=" • "}}</span>
                </header>
                
                <div class="strip">

                    <section class="post-body">
        
                        <section class="post-content">
                            {{content}}
                        </section>
                        
                        <footer class="post-footer">
                            <div class="clearfix">
                            <section class="meta">
                                <span class="author">{{author.name}}</span>
                                <time datetime="{{date format="YYYY-MM-DD"}}">24 Jun 2014</time>
                            </section>
                            <section class="share">
                                <span>Share: </span>
                                <a 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;">
                                    <i class="fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/share?text={{encode title}}&amp;url={{url absolute="true"}}"
                                    onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
                                    <i class="fa fa-twitter"></i>
                                </a>
                                <a href="https://plus.google.com/share?url={{url absolute="true"}}"
                                   onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
                                   <i class="fa fa-google-plus"></i>
                                </a>
                            </section>
                            </div>
                            <hr>
                        </footer>
                        
                        {{! Everything inside the #author tags pulls data from the author }}
                        {{#author}}
                        
                        <section class="post-author">
                            <h3>Author</h3>
                            <div class="author">
                                <div class="portrait"><img src="{{image}}" alt="Author"></div>
                                <section class="bio">
                                    <h4><a href="{{url}}">{{name}}</a></h4>
                                    <p>{{bio}}</p>
                                    {{#if location}}<span class="location">{{author.location}}</span>{{/if}}
                                    {{#if website}}<span class="website"><a href="{{website}}">{{website}}</a></span>{{/if}}
                                </section>
                            </div>
                        </section>
                        
                        {{/author}}
                        
                        <section class="post-comments">
                            <hr>
                            <div id="disqus_thread"></div>
                            <script type="text/javascript">
                                /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                                var disqus_shortname = 'whiskeynerds'; // required: replace example with your forum shortname
                        
                                /* * * 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>
                        </section>
                    
                    </section>
                </div>
            </div>

    </article>

</main>

{{/post}}