post.hbs

{{!< default}}

<main id="main post-wrapper">

  {{#post}}
  <!-- Post Content Section -->
  <article class="max-w-full px-4 mx-auto prose-lg post-content prose-invert text-light md:px-32">
    {{#is "page"}}
      {{#if @page.show_title_and_feature_image}}
        <h1 class="text-4xl">{{title}}</h1>
        {{> "feature-image"}}
      {{/if}}
    {{/is}}

    {{#is "post"}}
    <h1 class="text-4xl">{{title}}</h1>
    <section class="mb-8 text-center post-meta">
      {{> "feature-image" }}
        <div class="space-x-2 tags">
          {{#foreach tags}}
            <a href="{{url}}" class="px-2 py-1 text-sm rounded bg-dark hover:bg-highlight">{{name}}</a>
          {{/foreach}}
        </div>
      <div class="mb-2 text-xs text-light">
        {{#foreach authors}}
          Author: <a href="{{url}}" class="hover:underline" rel="author" >{{name}}</a> 
        {{/foreach}} | Published on {{date published_at format="D MMMM YYYY"}}
      </div>
    {{/is}}
    </section>

    <!-- Main Post Content -->
    <section>
      {{{content}}}
    </section>
    {{#is "post"}}
    <section id="comments">
        {{#if comments}}
        <div class="gh-comments gh-canvas">
            {{#if @member}}
                {{comments count=false mode=dark title="Opinions?"}}
            {{else}}
            {{> "social-sso"}}
            {{comments count=false mode=dark title=" "}}
            {{/if}}
        </div>
        {{/if}}
    </section>

        {{> "components/author-box"}}

    {{/is}}
  </article>

  {{/post}}

</main>