{% extends "base.html" %}

{% block title %}Categories - {{ SITENAME|striptags }}{% endblock %}

{% block content %}
<div class="md:text-base lg:text-lg">
    <h1 class="text-3xl md:text-5xl">Blog categories</h1>
    <ul class="hyphens-auto">
        {% for category, articles in categories|sort %}
            <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a> ({{ articles|count }})</li>
        {% endfor %}
    </ul>
</div>
{% endblock %}