{{!< 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>

                    <div class="text-card-paragraph">
                        <p>
                            {{excerpt}}
                        </p>
                    </div>
                </div>  
            </div> 
        </section>
    {{/post}}

    {{#get "authors" limit="all" include='count.posts'}}
        <section class="authors-grid-section">
            <div class="wide-container">
                <div class="section-heading">
                    <span class="archive-grid-title">
                        {{t "Meet the Authors"}}
                    </span>
                
                    <span class="archive-grid-article-number">
                        {{plural pagination.total empty=(t "No Authors") singular=(t "1 Author") plural=(t "% Authors")}}
                    </span>              
                </div>
                
                <div class="grid pagination-grid">
                    {{#foreach authors}}
                        {{> "components/small-card" isForGrid=true isForAuthor=true title=name access=true feature_image=profile_image feature_image_alt=name excerpt=bio}}
                    {{/foreach}}
                </div>
            </div>
        </section>
    {{/get}}
</main>