{# Demonstrates: a listing page. pages() finds pages, paginate() splits
   the list into pages of five: /, /page/2/, ... A page's cover is its
   cover key, else its first image; the picture filter writes every size. #}
{% extends "base.html" %}

{% block main %}
<h1>{{ page.title }}</h1>
{{ page.content }}

{% set pg = paginate(pages("**"), 5) %}
{% for p in pg.items %}
<article class="summary"{% if p.lang != page.lang %} lang="{{ p.lang }}"{% endif %}>
  <h2><a href="{{ p.url }}">{{ p.title }}</a></h2>
  {% if p.cover %}{{ p.cover | picture(sizes="6em", class="cover", alt="") }}{% endif %}
  {% if p.published %}
  <p class="date"><time datetime="{{ p.published_iso }}">{{ p.published }}</time></p>
  {% endif %}
  {% if p.summary_lang != p.lang %}
  <div lang="{{ p.summary_lang }}">{{ p.summary }}</div>
  {% else %}
  {{ p.summary }}
  {% endif %}
</article>
{% endfor %}

<nav class="pagination">
  {% if pg.prev_url %}
  <a href="{{ pg.prev_url }}" rel="prev">Newer</a>
  {% endif %}
  Page {{ pg.number }} of {{ pg.total }}
  {% if pg.next_url %}
  <a href="{{ pg.next_url }}" rel="next">Older</a>
  {% endif %}
</nav>
{% endblock %}