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

{{!-- The main content area --}}
<main id="site-main" class="site-main outer">
    <div class="inner posts">

      <section class="post-card post-card-large post-card-centred">
          <div class="post-card-content">
              <div class="post-card-content-link">
                  <header class="post-card-header">
                      <h2 class="post-card-title">Latest Posts</h2>
                  </header>
                  <div class="gh-banner-button">
                      <a href="{{@site.url}}/">← Back to home</a>
                  </div>
              </div>
          </div>{{!--/.post-card-content--}}

        </section>

        <div class="post-feed">
            {{#foreach posts}}

                {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
                {{> "post-card"}}

            {{/foreach}}
        </div>

    </div>
</main>