{{!< default}}
{{!--
    Beitragsübersicht. Auf der Startseite (Seite 1) steht oben der Aufmacher: der neueste
    Beitrag groß in der Mitte, der zweite und dritte schmal links und rechts daneben.
    Darunter folgen die Themenblöcke und die übrigen Beiträge. Ab Seite 2 nur die Beiträge.
--}}
<main class="site-main container with-sidebar">

    <div class="with-sidebar__content">

        {{#is "home"}}
            <section class="hero">
                {{#foreach posts from="1" to="1"}}
                    <div class="hero__lead">{{> "post-card" eager=true sizes="(max-width: 900px) 100vw, 620px"}}</div>
                {{/foreach}}
                {{#foreach posts from="2" to="3"}}
                    <div class="hero__side">{{> "post-card" eager=true sizes="(max-width: 900px) 50vw, 200px"}}</div>
                {{/foreach}}
            </section>

            {{#if @custom.home_tags}}
                {{#get "tags" filter=(concat "slug:[" @custom.home_tags "]") limit="6"}}
                    {{#foreach tags}}{{> "tag-section"}}{{/foreach}}
                {{/get}}
            {{else}}
                {{#get "tags" limit="3" include="count.posts" order="count.posts desc" filter="visibility:public"}}
                    {{#foreach tags}}{{> "tag-section"}}{{/foreach}}
                {{/get}}
            {{/if}}

            <section class="section">
                <header class="section__header">
                    <h2 class="section__title">{{t "Latest posts"}}</h2>
                </header>
                <div class="post-grid">
                    {{#foreach posts from="4"}}
                        {{> "post-card"}}
                    {{/foreach}}
                </div>
            </section>
        {{else}}
            <section class="section section--first">
                <header class="section__header">
                    <h1 class="section__title">{{t "Latest posts"}}</h1>
                </header>
                <div class="post-grid">
                    {{#foreach posts}}
                        {{> "post-card"}}
                    {{/foreach}}
                </div>
            </section>
        {{/is}}

        {{pagination}}

    </div>

    {{> "sidebar"}}

</main>