{% extends "base.html" %}

{% block title %}
Blog - {{ config.title }}
{% endblock %}

{% block content %}

<div class="pagination">
    <a href="{{ paginator.first }}">&laquo; First page</a>
    {% if paginator.previous %}
        <a href="{{ paginator.previous }}">&lsaquo; Previous page</a>
    {% endif %}
    <div style="flex-grow: 1;"></div>
    {% if paginator.next %}
        <a class="right" href="{{ paginator.next }}">&rsaquo; Next page</a>
    {% endif %}
    <a class="right" href="{{ paginator.last }}">Last page &raquo;</a>
</div>

{% for page in paginator.pages %}
<div class="article-header">
    <h1><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h1>
    <div class="info">
        <p class="date">{{ page.date | date(format="%B %-d, %Y") }}</p>
        <p class="tags">
        {% for tag in page.taxonomies["tags"] %}
            <a href="{{ get_taxonomy_url(kind="tags", name=tag) }}">#{{ tag }}</a>
        {%- endfor %}
        </p>
    </div>
</div>
<div class="typography">
    {{ page.summary | safe }}
    <p><a href="">Read more…</a></p>
</div>
{% if not loop.last %}<hr />{% endif %}
{% endfor %}

<div class="pagination">
    <a href="{{ paginator.first }}">&laquo; First page</a>
    {% if paginator.previous %}
        <a href="{{ paginator.previous }}">&lsaquo; Previous page</a>
    {% endif %}
    <div style="flex-grow: 1;"></div>
    {% if paginator.next %}
        <a class="right" href="{{ paginator.next }}">&rsaquo; Next page</a>
    {% endif %}
    <a class="right" href="{{ paginator.last }}">Last page &raquo;</a>
</div>

{% endblock %}