{% extends "base.html" %}
{% block title %}Categories — {{ SITENAME | forceescape }}{% endblock title %}
{% block content_header %}<h1>Categories</h1>{% endblock content_header %}
{% block content %}
  {% if categories %}<ul class="pet-taxonomy-list">
    {% for category, category_articles in categories %}
      <li><a href="{{ (SITEURL ~ '/' ~ category.url) | forceescape }}">{{ category | forceescape }}</a> <span aria-label="{{ category_articles | count }} articles">({{ category_articles | count }})</span></li>
    {% endfor %}
  </ul>{% else %}<p>No categories are available.</p>{% endif %}
{% endblock content %}