post.hbs

{{!< default}}

{{#post}}

<article class="gh-article {{post_class}}">
    <header class="gh-header gh-canvas">
        <h1 class="gh-title">
          <a href="{{url}}">
            {{title}}
          </a>
        </h1>

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

        <span class="gh-post-meta">
          <span class="gh-authors">
            {{authors}}
          </span>
          ·
          <time datetime="{{date format="YYYY-MM-DD"}}">
            {{date format="D MMM YYYY"}}
          </time>
        </span>

      {{#if tags}}
        <div class="gh-card-tags">
          {{#foreach tags}}
            <div class="post-tag">
              <a href="{{url}}">
                {{name}}
              </a>
            </div>
          {{/foreach}}
        </div>
      {{/if}}


        {{#if feature_image}}
        <img class="gh-feature-image"
            srcset="{{img_url feature_image size="s"}} 300w,
                    {{img_url feature_image size="m"}} 600w,
                    {{img_url feature_image size="l"}} 1000w,
                    {{img_url feature_image size="xl"}} 2000w"
            sizes="(max-width: 1000px) 1000px, 2000px"
            loading="lazy"
            src="{{img_url feature_image size="xl"}}"
            alt="{{title}}"
        />
        {{/if}}
    </header>

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

    <footer class="gh-footer gh-canvas">


        {{!--
        <section class="gh-post-comments">
            If you want to embed comments, this is a good place to do it!
        </section>
        --}}

    </footer>

</article>

<aside class="gh-readmore">
    <div class="gh-readmore-inner gh-container">
        <div class="gh-readmore-next">
            {{#next_post}}<a href="{{url}}">{{> "icons/arrow-left"}} <h4>{{title}}</h4></a>{{/next_post}}
        </div>
        <div class="gh-readmore-prev">
            {{#prev_post}}<a href="{{url}}">
                <h4>{{title}}</h4> {{> "icons/arrow-right"}}
            </a>{{/prev_post}}
        </div>
    </div>
</aside>

{{/post}}