tag.hbs

{{!--
  This template is used for the tag page.
--}}

{{!-- This block preloads specific assets for the tag page --}}
{{#contentFor "preload"}}
  <link rel="preload" href="{{asset "css/taxonomy.css"}}" as="style" />
{{/contentFor}}

{{!-- This block loads specific styles for the tag page --}}
{{#contentFor "styles"}}
  <link
    rel="stylesheet"
    type="text/css"
    href="{{asset "css/taxonomy.css"}}"
    media="screen"
  />
{{/contentFor}}

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

<div class="f-main-container">
  {{> header}}
  <div
    class="f-standard-container has-newsletter"
  >
    <main class="f-standard-wrapper" role="main">
      {{!-- Everything inside the #tag tags pulls data from the tag --}}
      {{#tag}}
        {{>
          collection-header
          title=name
          description=description
          collection_image=feature_image
          has_loop="true"
        }}
      {{/tag}}
      <span class="f-articles-eyebrow">{{t "Articles"}}</span>
      <div class="f-posts-container">
        {{#foreach posts}}
          {{#if featured}}
            {{> featured-post}}
          {{else}}
            {{> post-card}}
          {{/if}}
        {{else}}
          {{>
            empty-content
            extra_class="in-posts-loop"
            title=(t "No articles were found")
            description=(t "Apparently there are no articles at the moment, please check again later.")
          }}
        {{/foreach}}
      </div>
      {{!-- Links to Previous/Next posts --}}
      {{pagination}}
    </main>
    {{> blob-shape alt_version="true"}}
  </div>
  <section class="f-newsletter" aria-label="{{t "Newsletter form"}}">
    <div class="f-newsletter__wrapper">
      {{> "newsletter-form"}}
    </div>
  </section>
</div>