post.hbs

{{!< default}}

{{!-- The comment above "< default" means - insert everything in this file into
    the {{{body}}} of the default.hbs template, containing the blog header/footer. --}}

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

{{!--
        <nav {{#if image}}overlay{{/if}}>
            {{#if @blog.logo}}
                <a href="{{@blog.url}}">
                    <img src="{{@blog.logo}}" alt="{{@blog.title}}"/>
                </a>
            {{/if}}
            {{#if @blog.navigation}}
                <a href="#">
                    <span>Menu</span>
                </a>
            {{/if}}
        </nav>
    </header>
--}}

    <main role="main" class="main-post-box">
        {{#if image}}
            <header>
                <div class="post-header"
                     style="background: url({{image}});
                             background-size: cover;
                             background-position:center;
                             background-repeat: no-repeat;">
                </div>
            </header>
        {{/if}}
        <article class="{{post_class}}">
            <header>
                <h1 class="single-post-heading">{{title}}</h1>
                <section class="flex-row margin-top-15">
                    {{#author}}
                        {{#if image}}
                            <a href="{{ur}}">
                                <div style="width: 30px; height: 30px; background: url('{{image}}'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%;"></div>
                            </a>
                            <div class="flex-column margin-left-14">
                                <a href="{{url}}">
                                    <p class="post-box-author-name">
                                        {{name}} ·
                                        <time datetime="{{date format="YYYY-MM-DD"}}">
                                            {{date format="DD MMMM YYYY"}}
                                        </time>
                                    </p>
                                </a>
                                {{#if location}}
                                    <h2>{{location}}</h2>
                                {{/if}}
                            </div>
                        {{/if}}
                    {{/author}}
                </section>
            </header>
            <section class="single-post-content">
                {{content}}
            </section>
            <footer>
                <div class="post-tags single-post-tags">
                    {{tags}}
                </div>
                <hr class="margin-hr">
                {{!-- Everything inside the #author tags pulls data from the author --}}
                <section class="sharing-box">
                    <h4 class="sharing-heading">Share this post</h4>
                    <div class="inner-sharing-box">
                        <a class="icon-twitter"
                           href="https://twitter.com/intent/tweet?text={{encode title}}&amp;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>
                    </div>
                </section>
                {{!-- Email subscribe form at the bottom of the page --}}
                <hr class="margin-hr">
                {{#if @labs.subscribers}}
                    <section class="gh-subscribe">
                        <h3 class="gh-subscribe-title">Subscribe to {{@blog.title}}</h3>
                        <p>Get the latest posts delivered right to your inbox.</p>
                        <form class="subscribe-div">
                            {{subscribe_form placeholder="Your email address"}}
                        </form>
                        <div class="subscribe-rss">
                            <span class="gh-subscribe-rss">or subscribe
                                <a href="http://cloud.feedly.com/#subscription/feed/{{@blog.url}}/rss/">
                                        via
                                        <span class="rss-weight">RSS</span>
                                    with
                                    <span class="feedly-color">Feedly!</span>
                                </a>
                            </span>
                        </div>
                    </section>
                {{/if}}
            </footer>
        </article>
    </main>

    {{!-- Links to Previous/Next posts --}}
    <aside class="side-posts">


        {{#next_post}}
            <div class="side-post left-side-post">
                {{#if image}}
                    <div class="side-post-image"
                         style="background: url({{image}}); background-size: cover; background-position: center;
                                 background-repeat: no-repeat;"></div>
                {{/if}}
                <section>
                    <h2>{{title}}</h2>
                    <p>{{excerpt words=19}}&hellip;</p>
                </section>
            </div>
        {{/next_post}}


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

{{/post}}