fix: layout of catalogue type pages

src/pages/books/recent.html

@@ -5,8 +5,21 @@ permalink: "books/recent/index.html"
 
 {% from "macros/media-grid.njk" import grid %}
 {% set data = collections.book | reverse %}
+{% set tags = collections.book | allTagCounts(["book"]) | limit(5) %}
 <section class="flow">
     <h1>Recent books</h1>
     <p>A collection of books I've read.</p>
+    <h2>
+        <a href="../tags">Tags</a>
+    </h2>
+    <ul class="categories cluster list-none p-0 line-height-m">
+        {% for tag in tags %}
+            <li>
+                <a class="button" href="../tag/{{ tag.tag | slugify }}">
+                    {% include "svgs/frame.svg" %}
+                {{ tag.tag }}</a>
+            </li>
+        {% endfor %}
+    </ul>
     {{ grid(data) }}
 </section>