From 568c1b740fd975cba6b8ebc2f23b7ffb7ffb3142 Mon Sep 17 00:00:00 2001
From: Leni Aniva <v@leni.sh>
Date: Thu, 10 Oct 2024 12:16:44 -0700
Subject: [PATCH] feat: Display series

---
 src/lib/components/PostHeader.svelte |  7 +++++++
 src/routes/tag/+page.svelte          | 13 ++++++-------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/PostHeader.svelte b/src/lib/components/PostHeader.svelte
index f8d78ce..edfba5c 100644
--- a/src/lib/components/PostHeader.svelte
+++ b/src/lib/components/PostHeader.svelte
@@ -4,10 +4,14 @@
 
 	export let link: Option<string> = null;
 	const date = metadata.date.toISOString().slice(0,-14);
+	const series = metadata?.series || [];
 </script>
 
 <div id="post-heading">
 	<h2>
+		{#each series as seriesTag}
+			<p class="series-tag">{seriesTag}</p>
+		{/each}
 		{#if link}
 			<a id="post-title" href={link}>{metadata.title}</a>
 		{:else}
@@ -40,4 +44,7 @@
 	#post-title {
 		@apply text-3xl;
 	}
+	.series-tag {
+		color: theme('colors.sunglow.600');
+	}
 </style>
diff --git a/src/routes/tag/+page.svelte b/src/routes/tag/+page.svelte
index 2386ccf..b0b49de 100644
--- a/src/routes/tag/+page.svelte
+++ b/src/routes/tag/+page.svelte
@@ -12,17 +12,16 @@
 <h1>Tags</h1>
 
 <hr class="separator" />
-<ul id="catalog" class="content">
+<div id="catalog" class="content">
 	{#each allTags as tag}
-		<li>
-			<a href="/tag/{tag}">{tag}</a>
-		</li>
+		<a class="tag" href="/tag/{tag}">{tag}</a>
 	{/each}
-</ul>
+</div>
 <hr class="separator" />
 
 <style>
-	#catalog li {
-		margin-bottom: 10px;
+	.tag {
+		margin-left: 1em;
+		margin-right: 1em;
 	}
 </style>