custom-archive-tags.hbs

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

{{#post}}
    <header class="py-vw6 text-center max-w-2xl mx-auto px-4">
        <h1 class="text-title text-4xl leading-none md:text-5xl">{{title}}</h1>
        <div class="font-serif text-xl text-gray-500 italic mt-6">{{content}}</div>
    </header>
{{/post}}

<section class="topic-container pb-8">
    <div class="px-4 topic-wrap grid md:grid-cols-2 gap-5 lg:grid-cols-3">

        {{#get "tags" limit="18" filter="visibility:public" include="count.posts" order="count.posts desc"}}

            {{#foreach tags}}
                <article class="relative h-64 flex items-center justify-center bg-dark" {{#if accent_color}}style="background-color:{{accent_color}}"{{/if}}>
                    <a href="{{url}}">
                        {{#if feature_image}}
                            <img class="inset-image brightness-50 blur-up lazyload"
                                src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                                data-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"
                                data-sizes="auto"
                                alt="{{name}}"
                            />
                        {{/if}}

                        <header class="topic-header text-white relative z-3 text-center sha">
                            <div class="topic-count-post font-serif italic mb-2">{{count.posts}} {{t "Stories"}}</div>
                            <h2 class="topic-title text-3xl">{{name}}</h2>
                        </header>
                    </a>
                </article>
            {{/foreach}}

        {{/get}}

    </div>
</section>