{% extends "partials/_base.html" %}

{# Page title: #}
{% block title %}{{ page.title|lower }} ｜ {{ SITENAME|lower }}{% endblock %}

{# Page metadata: #}
{% block meta %}
<meta name="description" content="" />
<link rel="canonical" href="{{ SITEURL }}/{{ page.url }}" />
{% endblock %}

{# Page content: #}
{% block content %}
<h1>{{ page.title }}</h1>

{% for series_name, series_articles in article_series|items %}
<h2>{{ series_name }}</h2>
<ul class="post-list">
{% for article in series_articles|sort(attribute="locale_date") %}
  <li class="flex-col md:flex-row mb-4 md:mb-2">
    <span class="date text-base md:text-lg">{{ article.locale_date }}</span>
    <span class="title">
      <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
    </span>
  </li>
{% endfor %}
</ul>
{% endfor %}

{% endblock content %}