{{!< default}}

<h2 class="mb-5 pb-2 text-rose-400 w-full text-sm uppercase font-bold tracking-widest border-b border-slate-600">Freshest Articles</h2>
<div class="grid grid-cols-3 gap-6">
    {{#foreach posts limit="3"}}
        {{#if feature_image}}
            {{> "article/card" image="true"}}
        {{/if}}
    {{/foreach}}
    {{#foreach posts limit="3"}}
        {{#unless feature_image}}
            {{> "article/card" }}
        {{/unless}}
    {{/foreach}}
</div>

<div class="prose prose-invert max-w-full mt-12 mb-14">
    {{#foreach posts from="4" limit="7"}}
        {{#if feature_image}}
            {{> "article/list" image="true" }}
        {{/if}}
    {{/foreach}}
    {{#foreach posts from="4" limit="7"}}
        {{#unless feature_image}}
            {{> "article/list" }}
        {{/unless}}
    {{/foreach}}
</div>

{{#get 'tags' limit='all' include='count.posts' order='count.posts desc'}}
    {{#if tags}}
        <h2 class="mb-5 pb-2 text-rose-400 w-full text-sm uppercase font-bold tracking-widest border-b border-slate-600">Explore Additional Topics</h2>
        <div class="grid grid-cols-5 gap-6 mt-14">
                {{#foreach tags}}
                    {{#if feature_image}}
                        {{> "tag/card" image="true" show_description="true"}}
                    {{/if}}
                {{/foreach}}
        </div>
        <div class="grid grid-cols-5 gap-6 mt-14">
            {{#foreach tags}}
                {{#unless feature_image}}
                    {{> "tag/card" show_description="true" }}
                {{/unless}}
            {{/foreach}}
        </div>
        <div class="grid grid-cols-5 gap-6 mt-14">
            {{#foreach tags}}
                {{#unless feature_image}}
                    {{#unless description }}
                        {{> "tag/card" }}
                    {{/unless}}
                {{/unless}}
            {{/foreach}}
        </div>
    {{/if}}
{{/get}}