1 files changed, 19 insertions, 6 deletions
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index a817d44..89a3b3a 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -1,13 +1,26 @@
 <script lang="ts">
+  import { resolve } from '$app/paths';
   import type { PageProps } from './$types';
 
   let { data }: PageProps = $props();
 </script>
 
-<div class="font-mono">
-  {#each Object.entries(data.posts) as [_filename, post]}
-    {JSON.stringify(post.metadata, (k, v) =>
-      v instanceof Date ? v.toISOString() : v,
-    )}
-  {/each}
+<div class="flex justify-center">
+  <div class="max-w-2xl">
+    <div class="font-genericmono">
+      {#each Object.entries(data.posts) as [_filename, post]}
+        <a
+          href={resolve('/blog/[id=int]-[slug]', {
+            id: post.metadata.id.toString(),
+            slug: post.metadata.slug,
+          })}
+          class="text-red-400 transition-all afterunderline-red-400 hover:afterunderline-hoverstate hover:text-white"
+          >link</a
+        >
+        {JSON.stringify(post.metadata, (k, v) =>
+          v instanceof Date ? v.toISOString() : v,
+        )}
+      {/each}
+    </div>
+  </div>
 </div>