{% extends "base.html" %}

{% block jumbotron %}
    <div class="container p-5 text-center bg-body-tertiary rounded-3 mb-5">
        <h1 class="text-body-emphasis">Hi!</h1>
        <p class="lead">
            I'm Víðir Valberg Guðmundsson. I'm a software developer and this is my blog.
        </p>
    </div>
{% endblock %}

{% block content %}

    <section id="content">
        {% for article in articles_page.object_list %}
            <article class="hentry">
                <header><h2 class="entry-title">
                    <a href="{{ SITEURL }}/{{ article.url }}"
                       rel="bookmark"
                       title="Permalink to {{ article.title|striptags }}">
                        {{ article.title }}
                    </a>
                </h2></header>
                <footer class="post-info">
                    <time class="published"
                          datetime="{{ article.date.isoformat() }}">
                        {{ article.locale_date }}
                    </time>
                </footer><!-- /.post-info -->
                <div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content -->
            </article>
        {% endfor %}

        {% if articles_page.has_other_pages() %}
            {% include 'pagination.html' %}
        {% endif %}
    </section><!-- /#content -->
{% endblock content %}