{{ partial "header.html" . }}

<section class="posts">
    {{ range first 10 (where .Data.Pages "Section" "posts") }}
    <article id="{{ .Slug }}" class="teaser-post">
        <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
        <p class="meta">
        <time class="date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2 January, 2006" }}</time>
        • tagged {{ partial "post/tag/list" . }}
        • {{ .WordCount }} words
        • ~{{ .ReadingTime }} minutes
        </p>
        <p class="description">{{ .Description | safeHTML }}</p>
    </article>
    {{ end }}

    {{ range after 10 (where .Data.Pages "Section" "posts") }}
    <article id="{{ .Slug }}" class="teaser-post">
        <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
        <p class="meta">
        <time class="date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2 January, 2006" }}</time>
        • tagged {{ partial "post/tag/list" . }}
        • {{ .WordCount }} words
        • ~{{ .ReadingTime }} minutes
        </p>
    </article>
    {{ end }}
</section>

{{ partial "footer.html" . }}