Add a layout for posts

src/_includes/layouts/post-layout.njk

@@ -0,0 +1,19 @@
+---
+layout: layouts/layout.njk
+---
+
+<dl class="tags">
+	<dt>
+		<svg class="icon">
+			<use href="/images/feather-sprite.svg#tag" />
+		</svg>
+		Tags
+	</dt>
+	{% for tag in tags %}
+		{% if tag != "posts" %}
+			<dd>{{ tag }}</dd>
+		{% endif %}
+	{% endfor %}
+</dl>
+
+{{ content | safe }}

src/css/Components/_lists.scss

@@ -16,3 +16,17 @@ dl {
 		margin-inline-start: 1em;
 	}
 }
+
+dl.tags {
+	dt {
+		display: inline-flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 0.25em;
+		padding: 0.25em 0;
+	}
+
+	dd {
+		display: inline;
+	}
+}

src/posts/index.njk

@@ -1,5 +1,6 @@
 ---
 title: Posts
+layout: layouts/layout.njk
 eleventyNavigation:
   key: Posts
   icon: edit-2

src/posts/posts.11tydata.json

@@ -1,4 +1,5 @@
 {
+	"layout": "layouts/post-layout.njk",
 	"tags": [ "posts" ],
 	"date": "git Created"
 }