---
title: Blog
layout: base.njk
pagination:
    data: posts
    size: 5
---
<main class="wrapper-md stack-lg">
    <h1>Blog posts</h1>

    <ol class="stack-xl">
        {% for item in pagination.items %}
        <li class="stack-xs">
            <h2><a href="/post/{{ item.slug }}">{{ item.title.rendered | safe }}</a></h2>
            <time class="block">{{ item.date | parseDate | dateDisplay }}</time>
            {{ item.excerpt.rendered | safe }}
            <a href="/post/{{ item.slug }}" class="inline-block">Read more</a>
        </li>
        {% endfor %}
    </ol>
    <nav class="blog-nav row" data-spacing="between">
        {% if pagination.href.next %}
            <a href="{{ pagination.href.next }}">Older</a>
        {% endif %}
        {% if pagination.href.previous %}
            <a href="{{ pagination.href.previous }}">Newer</a>
        {% endif %}
    </nav>
</main>