index.njk

---
pagination:
    data: feeds
    size: 5
---

{% extends 'base.njk' %}

{% block content %}
    <div class="list-container">
        <aside>
            <p>
                Right now, there are {{ feeds|length }} aggregated posts from {{ sources.feeds|length }} publications.
                Last updated <span data-relative-time="{{ 'now'|date('iso') }}">{{ 'now'|date }}</span>
            </p>
        </aside>

        <main role="main">
            {% for feed in pagination.items %}
                <article>
                    <h3><a href="{{ feed.link }}" target="_blank" rel="noreferrer">{{ feed.title }}</a></h3>
                    <section>
                        {{ feed['content:encoded']|truncate_html(50)|lower_headings(2)|safe }}
                        <p>
                            Published
                            {% if feed.author %} by {{ feed.author }}{% endif %}
                            {% if feed.isoDate %} on {{ feed.isoDate|date }}{% endif %}
                        </p>
                    </section>
                </article>
                <hr>
            {% endfor %}
            <nav>
                {% if pagination.href.previous %}
                    <a href="{{ pagination.href.previous|url }}">Previous</a>
                {% endif %}

                {% if pagination.href.next %}
                    <a href="{{ pagination.href.next|url }}">Next</a>
                {% endif %}
            </nav>
        </main>
    </div>
{% endblock %}