post.hbs

{{!< default}}
{{!-- The tag above means: insert everything in this file into the body of the default.hbs template --}}

{{#post}}

<main class="gh-main">

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

        <header class="gh-article-header gh-canvas">
            {{#if tags}}
                <div class="gh-article-tags">
                    {{#foreach tags}}
                        <a class="gh-article-tag" href="{{url}}" rel="tag">{{name}}</a>&nbsp;
                    {{/foreach}}
                </div>
            {{/if}}

            <h1 class="gh-article-title is-title" alt="{{title}}">{{title}}</h1>
            {{> share-block}}
            {{#if custom_excerpt}}
                <p class="gh-article-excerpt is-body">{{custom_excerpt}}</p>
            {{/if}}

            {{#if @custom.show_post_metadata}}
            <div class="gh-article-meta">
                <div class="gh-article-author-image instapaper_ignore">
                    {{#foreach authors}}
                        {{#if profile_image}}
                            <a href="{{url}}" rel="author">
                                <img class="author-profile-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" />
                            </a>
                        {{else}}
                            <a href="{{url}}" rel="author">{{> "icons/avatar"}}</a>
                        {{/if}}
                    {{/foreach}}
                </div>
                <div class="gh-article-meta-wrapper">
                    <h4 class="gh-article-author-name" rel="author">{{authors}}</h4>
                    <div class="gh-article-meta-content">
                        <time class="gh-article-meta-date" datetime="{{date format="DD-MM-YYYY"}}">{{date}}</time>
                        {{!-- {{#if reading_time}}
                            <span class="gh-article-meta-length"><span class="bull">—</span> {{reading_time}}</span>
                        {{/if}} --}}
                    </div>
                </div>
            </div>
            {{/if}}
        </header>

        <section class="gh-content gh-canvas is-body">
            <aside class="gh-sidebar"><div class="gh-toc"></div></aside> 
            <section class="gh-content featured-image">
            {{> "feature-image" size="s" class="gh-article-image"}}
            </section>
            {{content}}
        </section>

    </article>
        {{#if comments}}
        <div class="gh-comments gh-canvas">
            {{#if @member}}
                {{comments count=false mode=dark title="Opinions?"}}
            {{else}}
            {{> "social-sso"}}
            <span></span>
            {{comments count=false mode=dark title=" "}}
            {{/if}}
        </div>
    {{/if}}

</main>

{{/post}}

{{#if @custom.show_related_articles}}
    {{#get "posts" include="authors" filter="id:-{{post.id}}" limit="4" as |next|}}
        {{#if next}}
            <section class="gh-container is-grid gh-outer">
                <div class="gh-container-inner gh-inner">
                    <h2 class="gh-container-title">Read interesting articles in SREDevOps.org: </h2>
                    <div class="gh-feed">
                        {{#foreach next}}
                            {{> "post-card" lazyLoad=true}}
                        {{/foreach}}
                    </div>
                </div>
            </section>
        {{/if}}
    {{/get}}
{{/if}}