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>

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>