{% extends "base.html" %}
{% block content %}
    {% block content_title %}
        <h2>Articles</h2>
    {% endblock content_title %}
    {% for article in articles_page.object_list %}
        <article>
            <header>
                <h2>
                    <a href="{{ SITEURL }}/{{ article.url }}"
                       rel="bookmark"
                       title="Permalink to {{ article.title|striptags|e }}">{{ article.title }}</a>
                </h2>
            </header>
            <div>{{ article.summary|striptags }}</div>
            <div>
                <a class="btn btn-primary" href="{{ SITEURL }}/{{ article.url }}"><strong>➟ Read more</strong></a>
            </div>
        </article>
        <hr />
    {% else %}
        {# A site with no article at all still gets something to look at, rather than a
        heading over an empty page. Pages are what a brand new site tends to have. #}
        {% if pages %}
            <ul>
                {% for p in pages %}
                    <li>
                        <a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
                    </li>
                {% endfor %}
            </ul>
        {% else %}
            <p class="text-body-tertiary">This site has no content yet.</p>
        {% endif %}
    {% endfor %}
    {% include "pagination.html" %}
{% endblock content %}