all but posts omg

_includes/layouts/post.njk

@@ -1,31 +1,37 @@
 ---
 layout: base.njk
 ---
-<article>
-  <h1>{{ title }}</h1>
+{% css %}{% include "css/post.css" %}{% endcss %}
+{% css %}{% include "css/highlighting.css" %}{% endcss %}
+{% js %}{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}{% endjs %}
 
-  <div class="post-metadata">
-    <p>
-      posted on
-      <time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
-      by {{ metadata.author }}
-    </p>
-    {% set relevantTags = tags | removeBasicTags %}
-    {% if relevantTags.length %}
-    <ul class="post-tags">
-      {% for tag in relevantTags %}
-      <li>
-        {% set tagUrl %}/tag/{{ tag | slugify }}/{% endset %}
-        <a href="{{ tagUrl }}">{{ tag }}</a>
-      </li>
-      {% endfor %}
-    </ul>
+<heading-anchors content="<i class='fa-solid fa-anchor'></i>">
+  <article>
+    <h1>{{ title }}</h1>
+
+    <div class="post-metadata">
+      <p>
+        posted on
+        <time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
+        by {{ metadata.author }}
+      </p>
+      {% set relevantTags = tags | removeBasicTags %}
+      {% if relevantTags.length %}
+      <ul class="post-tags">
+        {% for tag in relevantTags %}
+        <li>
+          {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+          <a href="{{ tagUrl }}">{{ tag }}</a>
+        </li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </div>
+
+    {% if image %}
+    <img src="/img/{{ image.src }}" alt="{{ image.alt }}">
     {% endif %}
-  </div>
 
-  {% if image %}
-  <img src="/img/{{ image.src }}" alt="{{ image.alt }}">
-  {% endif %}
-
-  {{ content | safe }}
-</article>
+    {{ content | safe }}
+  </article>
+</heading-anchors>