{{!< default}}

{{#post}}

  <article class="relative max-w-2xl mx-auto px-4 md:px-0">

    {{!-- Header --}}

    <header class="mt-10 prose prose-lg dark:prose-dark max-w-none">


      {{#if feature_image}}
        <img class="gh-feature-image mx-auto w-full max-w-full"
          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}}
      <h1 class="">
        {{title}}
      </h1>
      {{#if custom_excerpt}}
        <p>
          {{custom_excerpt}}
        </p>
      {{/if}}

    </header>

    {{!-- Content --}}

    <div class="prose prose-blue dark:prose-dark max-w-none mt-10">

      {{content}}

    </div>

    {{!-- Read more --}}

    <div class="mt-8 grid gap-5 md:grid-cols-2 mb-10">

      {{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
        limit="2" order="id asc"}}

        {{#foreach posts}}
          {{> cardFancySmall}}
        {{/foreach}}
      {{/get}}

      {{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
          {{id}}" limit=" 2" order="id desc" }}
          {{#foreach posts}} {{> cardFancySmall}}
          {{/foreach}} {{/get}} {{> cardTag}} </div> </article>
          {{/post}}