diff --git a/dlibrary/static/dlibrary.css b/dlibrary/static/dlibrary.css
index af0b971..c2a8275 100644
--- a/dlibrary/static/dlibrary.css
+++ b/dlibrary/static/dlibrary.css
@@ -6,10 +6,19 @@ body {
 
 /* listing stuff */
 
-#list-title {
+#list-title, nav {
     text-align: center;
 }
 
+.nav {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 25px;
+}
+
 .card-listing {
     display: flex;
     flex-wrap: wrap;
diff --git a/dlibrary/templates/list.html b/dlibrary/templates/list.html
index 8ab18ee..1d5b15b 100644
--- a/dlibrary/templates/list.html
+++ b/dlibrary/templates/list.html
@@ -2,6 +2,7 @@
 {% block body %}
 {% 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>
+<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">
   {% for work in works %}
   <div class="card">