{{ partial "header.html" . }}

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

    <h2>Older posts</h2>
    <p>
    Below you will find older posts. Use <kbd><kbd>ctrl</kbd> + <kbd>f</kbd></kbd>
    or <kbd><kbd>⌘</kbd> + <kbd>f</kbd></kbd> to search.
    </p>
    <ul>
    {{ range after 10 (where .Data.Pages "Section" "posts") }}
    <li id="{{ .Slug }}" class="headline">
        <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
    </li>
    {{ end }}
    </ul>
</div>

{{ partial "footer.html" . }}