add little nav menu for categorizations

This commit is contained in:
xenofem 2024-01-23 00:06:41 -05:00
parent 666c6d3acf
commit fba8cbdcc7
2 changed files with 11 additions and 1 deletions

View file

@ -6,10 +6,19 @@ body {
/* listing stuff */ /* listing stuff */
#list-title { #list-title, nav {
text-align: center; text-align: center;
} }
.nav {
display: flex;
justify-content: center;
gap: 20px;
font-size: 20px;
font-weight: bold;
margin-bottom: 25px;
}
.card-listing { .card-listing {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

View file

@ -2,6 +2,7 @@
{% block body %} {% block body %}
{% from 'utils.html' import root with context %} {% from 'utils.html' import root with context %}
<h1 id="list-title"><a href="{{ root() }}">DLibrary</a>{% if categorization %} &gt; <a href="{{ root() }}{{ categorization }}">{{ categorization.capitalize() }}</a>{% endif %}{% if title %} &gt; {{ title }}{% endif %}</h1> <h1 id="list-title"><a href="{{ root() }}">DLibrary</a>{% if categorization %} &gt; <a href="{{ root() }}{{ categorization }}">{{ categorization.capitalize() }}</a>{% endif %}{% if title %} &gt; {{ title }}{% endif %}</h1>
<div class="nav">{% for c in ['circles', 'authors', 'tags', 'series'] %}<div class="nav-item"><a href="{{ root() }}{{ c }}">{{ c.capitalize() }}</a></div>{% endfor %}</div>
<div class="card-listing"> <div class="card-listing">
{% for work in works %} {% for work in works %}
<div class="card"> <div class="card">