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">

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

        <header class="site-head">
            <div class="site-head-content">
                <div class="vertical">
                    <a href={{@blog.url}}><h1 class="blog-title">{{@blog.title}}</h1></a>
                </div>
            </div>
        </header>

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

            <div class="post-head">
                <h1 class="post-title">{{{title}}}</h1>
                <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='MMMM DD, YYYY'}}</time></span>
            </div>

            <section class="post-content">
                {{content}}
                <section class="author">
                    <p>--</p>
                    <p>{{author.name}}</p>
                </section>

            </section>

            <footer class="post-footer">

                <section class="share">
                    <h4>Share this</h4>
                    <a class="icon-twitter" href="http://twitter.com/share?text={{encode 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}}

    </article>

    <script type="text/javascript" src="{{asset "js/post.js"}}"></script>

</main>