pelican-papyrus/templates/categories.html

21 lines
807 B
HTML

{% extends "base.html" %}
{% block title %}{{ SITENAME }} | Categories{% endblock %}
{% set current = "categories" %}
{% block content %}
<div class="mb-12 md:mt-14 text-zinc-800 dark:text-zinc-300">
<h1 class="font-bold text-4xl my-10">Categories</h1>
<ul class="flex flex-wrap font-medium">
{% for category, articles in categories|sort %}
<a href="{{ SITEURL }}/{{ category.url }}">
<li
class="bg-zinc-300 dark:bg-neutral-700 text-zinc-800 dark:text-zinc-300 hover:bg-zinc-400 dark:hover:bg-zinc-800 m-2 py-2 px-2 md:px-4 rounded-md transition ease-in active:-translate-y-1 active:scale-110 duration-75">
{{ category }}<sup class="p-1">{{ articles|count }}</sup></li>
</a>
{% endfor %}
</ul>
</div>
{% endblock %}