post.hbs

{{!< default}}

{{#post}}

<main id="gh-main" class="gh-main gh-outer">

    <div class="gh-inner">

        <article class="gh-article gh-latest {{post_class}}">
            <header class="gh-article-header">
                {{#is "post"}}
                    <span class="gh-article-meta">
                        {{#primary_author}}By <a href="{{url}}">{{name}}</a>{{/primary_author}}
                        {{#if primary_tag}}
                            in
                            <a class="gh-article-tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a>
                        {{/if}}
                        —
                        <time datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
                    </span>
                {{/is}}

                <h1 class="gh-article-title">{{title}}</h1>

                {{#if custom_excerpt}}
                    <p class="gh-article-excerpt">{{custom_excerpt}}</p>
                {{/if}}

                {{> "feature-image"}}

            </header>
        </article>

        <div class="gh-wrapper">
            <section class="gh-section">
                <article class="gh-article {{post_class}}">
    
                        <h2 class="gh-section-title">{{title}}</h2>

                        <div class="gh-content gh-canvas gh-post-content">
                            {{content}}
                        </div>

                        {{#is "post"}}
                            <footer class="gh-article-footer gh-canvas">
                                <nav class="gh-navigation">
                                    <div class="gh-navigation-previous">
                                        {{#prev_post}}
                                            <a class="gh-navigation-link" href="{{url}}">
                                                <span class="gh-navigation-label">{{> icons/arrow-left}} Previous issue</span>
                                                <h4 class="gh-navigation-title">{{title}}</h4>
                                            </a>
                                        {{/prev_post}}
                                    </div>

                                    <div class="gh-navigation-middle"></div>

                                    <div class="gh-navigation-next">
                                        {{#next_post}}
                                            <a class="gh-navigation-link" href="{{url}}">
                                                <span class="gh-navigation-label">Next issue {{> icons/arrow-right}}</span>
                                                <h4 class="gh-navigation-title">{{title}}</h4>
                                            </a>
                                        {{/next_post}}
                                    </div>
                                </nav>
                            </footer>
                        {{/is}}
                </article>
            </section>

            <aside class="gh-sidebar">

                {{#get "posts" filter="featured:true" limit="all" as |featured|}}
                    {{#if featured}}
                        <section class="gh-section">
                            <h3 class="gh-section-title">Featured</h3>

                            <div class="gh-featured gh-feed">
                                {{#foreach featured}}
                                    {{> loop}}
                                {{/foreach}}
                            </div>
                        </section>
                    {{/if}}
                {{/get}}

            </aside>

        </div>
    </div>
</main>

{{/post}}