tag.hbs

{{!< default}}

{{#contentFor "title"}}{{meta_title}}{{/contentFor}}

<div class="content-area">
    <main class="site-main">
        {{#tag}}
            <section class="tag">
                <div class="container medium">
                    <h1 class="tag-name">{{name}}</h1>
                    {{#if description}}
                        <div class="tag-description">{{description}}</div>
                    {{/if}}
                </div>
                {{#if feature_image}}
                    <div class="container">
                        <div class="tag-feature-media u-placeholder horizontal">
                            <img class="u-object-fit" srcset="{{> srcset}}" src="{{img_url feature_image size="l"}}" alt="{{name}}">
                        </div>
                    </div>
                {{/if}}
            </section>
        {{/tag}}
        <div class="tag-content post-feed container grid grid-cols-1 lg:grid-cols-3 gap-x-20 gap-y-10 m-auto">
            {{#foreach posts}}
                {{> "post-card"}}
            {{/foreach}}
        </div>
        {{pagination}}
    </main>
</div>