{{!< default}}

<link rel="stylesheet" type="text/css" href="{{asset "css/cards.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "css/simple-hero.css"}}" />

<main>
    {{#post}}
        <section class="simple-hero">
            <div class="wide-container simple-hero-inner">
                <div class="text-card">
                    <h1 class="text-card-heading">{{title}}</h1>

                    {{> "components/archive-tags"}}
                </div>  
            </div> 
        </section>
    {{/post}}

    {{#get "posts" limit=@config.posts_per_page include="tags"}}
        <section class="archive-grid-section">
            <div class="wide-container">
                <div class="section-heading">
                    <span class="archive-grid-title">
                        {{t "All Tags"}}
                    </span>
                
                    <span class="archive-grid-article-number">
                        {{plural pagination.total empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
                    </span>              
                </div>
                
                <div id="pagination-grid" class="grid pagination-grid">
                    {{#foreach posts}}
                        {{> "components/small-card" isForGrid=true }}
                    {{/foreach}}
                </div>

                {{pagination is_archivepage=true}}
            </div>
        </section>
    {{/get}}
</main>