tag.hbs

{{! Tag page; this file renders a tag page containing a list of the latest posts }}
{{> head}}
{{> navbar}}
<main>
   
   {{! indicates the tag's context}}
      {{#tag}}

         {{! tag featured image }}
         {{#featuredImage}}
            {{! checks if an image exists }}
            {{#if url}}
               <figure>
                  <img
                     src="{{url}}"
                     {{! checks if the Responsive Images option (located in Site Settings -> Website Speed) is enabled  }}
                     {{#if @config.site.responsiveImages}}
                        {{responsiveImageAttributes 'tagImage' srcset sizes}}
                     {{/if}}
                     {{! generates a native loading attribute; if the Media Lazy Load option (located in Site Settings -> Website Speed) is disabled, the loading attribute is not generated  }}
                     {{lazyload "lazy"}}
                     height="{{height}}"
                     width="{{width}}"
                     alt="{{alt}}">

                  {{! checks if a caption and credits exist  }}
                  {{#checkIfAny caption credits}}
                     <figcaption>
                        {{caption}}
                        {{credits}}
                     </figcaption>                      
                  {{/checkIfAny}}
                  {{! /checks if a caption and credits exist  }}
                  
               </figure>
            {{/if}}
            {{! /checks if an image exists }}
         {{/featuredImage}}
         {{! /tag featured image }}

         <h1>
            {{name}}
            {{! check if a 'Display post counter' tag option is enabled }}
            {{#if tagViewConfig.displayPostCounter}}
               <sup>({{postsNumber}})</sup>
            {{/if}}
            {{! /check if a 'Display post counter' tag option is enabled }} 
         </h1>

         {{! check if a tag description exists }}
         {{#if description}}
            <div> {{{description}}} </div>
         {{/if}}
         {{! /check if a tag description exists }}  

      {{/tag}}
   {{! /indicates the tag's context }}

   {{! loop that generates a list of posts }}
   {{#each posts}}
      <article>

         {{! featured image }}
         {{#featuredImage}}
            {{! checks if an image exists }}
            {{#if url}}
               <img
                     src="{{url}}"
                     {{! checks if the Responsive Images option (located in Site Settings -> Website Speed) is enabled }}
                     {{#if @config.site.responsiveImages}}
                        {{responsiveImageAttributes 'featuredImage' srcset sizes}}
                     {{/if}}
                     {{! generates a native loading attribute; if the Media Lazy Load option (located in Site Settings -> Website Speed) is disabled, the loading attribute is not generated }}
                     {{lazyload "lazy"}}
                     height="{{height}}"
                     width="{{width}}"
                     alt="{{alt}}">
            {{/if}}
            {{! /checks if an image exists }}
         {{/featuredImage}}
         {{! /featured image }}

         {{! post title }}
         <h2>
            <a href="{{url}}">{{title}}</a>
         </h2>
         {{! /post title }}

         {{! post creation date }}
         <time datetime="{{date createdAt 'YYYY-MM-DDTHH:mm'}}">
            {{date createdAt}}
         </time>
         {{! /post creation date }}

         {{! post author }}
         {{#author}}
            <img  
               src="{{avatarImage.url}}" 
               {{lazyload "lazy"}} 
               alt="{{avatarImage.alt}}" 
               height="{{avatarImage.height}}"  
               width="{{avatarImage.width}}">
            <a href="{{url}}">{{name}}</a>
         {{/author}}
         {{! /post author }}

         {{! main tag - if not selected, the first tag in the list of all tags
         will be displayed }}
         {{#if mainTag}}
            <a href="{{mainTag.url}}">{{mainTag.name}}</a>
         {{/if}}
         {{! /main tag }}

         {{! post excerpt - the Custom excerpt is generated when the Read More button is used when editing a post }}
         {{#if hasCustomExcerpt}}
            {{{ excerpt }}}
         {{else}}
            <p>{{{ excerpt }}}</p>
         {{/if}}
         {{! /post excerpt }}

      </article>
   {{/each}}
   {{! /loop that generates a list of posts }}
   
</main>
<aside>
   {{> sidebar}} 
</aside>

{{> pagination}}
{{> footer}}