{{ partial "header.html" . }}

<div id="posts">
    {{ range first 20 (where .Data.Pages "Section" "posts") }}
        <article id="{{ .Slug }}">
            <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
            <p>
              <time class="date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2 January 2006" }}</time>
              &mdash;
              {{ .Description | safeHTML }}</p>
        </article>
    {{ end }}

    {{ range after 20 (where .Data.Pages "Section" "posts") }}
        <article id="{{ .Slug }}">
            <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
            <p><time class="date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2 January 2006" }}</time></p>
        </article>
    {{ end }}
</div>

{{ partial "footer.html" . }}