Entry

doc/templates/category.html.jinja

@@ -1,16 +1,13 @@
-{% import "macros.html.jinja" as macros %}
+{% import "macros.html.jinja" as macros -%}
+
 <section id="{{ category.id.path }}">
   {% call macros.maybe_spoilered(category) %}
-    <h2 class="category-title page-header">
+    {{ macros.header(category, "category-title") }}
-      {{ category.name | hexdoc_block }}
-      {{ macros.jump_to_top() }}
-      {{ macros.permalink(category.id.path) }}
-    </h2>
     {{ category.description | hexdoc_block }}
   {% endcall %}
   {% for entry in category.entries %}
     {% if entry.id not in blacklist %}
-      entry
+      {% include "entry.html.jinja" %}
     {% endif %}
   {% endfor %}
 </section>

doc/templates/entry.html.jinja

@@ -0,0 +1,10 @@
+{% import "macros.html.jinja" as macros -%}
+
+<div id="{{ entry.id.path }}">
+  {% call macros.maybe_spoilered(entry) %}
+    {{ macros.header(entry, "entry-title") }}
+    {% for page in entry.pages %}
+      page
+    {% endfor %}
+  {% endcall %}
+</div>

doc/templates/macros.html.jinja

@@ -25,3 +25,11 @@
     <i class="bi bi-box-arrow-up"></i>
   </a>
 {%- endmacro %}
+
+{% macro header(value, class_name) %}
+  <h3 class="{{ class_name }} page-header">
+    {{ value.name | hexdoc_block }}
+    {{ jump_to_top() }}
+    {{ permalink(value.id.path) }}
+  </h3>
+{%- endmacro %}