blow/templates/categories/list.html
Adrian Winterstein 27cc3bc645 Distance to the page borders for content blocks
which is especially needed for mobile layouts
2024-07-27 14:50:31 +02:00

20 lines
943 B
HTML

{% extends "layout.html" %}
{% block content %}
<div class="flex items-center flex-col mt-10 px-4">
<h1 class="text-2xl text-bold">
Categories
</h1>
<p class="text-bold text-xl mt-4">{{ terms | length }} categories</p>
<div class="flex flex-wrap sm:flex-row flex-col sm:gap-x-7 gap-y-5 mt-6">
{% for category in terms %}
<a href="{{ category.permalink | safe }}" class="flex items-center space-x-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
</svg>
<span class="text-bold">{{category.name}} <sup>{{ category.pages | length }}</sup></span>
</a>
{% endfor %}
</div>
{% endblock content %}