diff --git a/apps/blog/src/content/posts/hello-world.md b/apps/blog/src/content/posts/hello-world.md
index 1449b19..985aa9a 100644
--- a/apps/blog/src/content/posts/hello-world.md
+++ b/apps/blog/src/content/posts/hello-world.md
@@ -1,6 +1,6 @@
 ---
 title: Hello World
-date: 2025-01-01
+date: 2026-01-01
 ---
 
 This is my first blog post. :right[A sidenote appears here on wide screens.]
diff --git a/apps/blog/src/pages/index.astro b/apps/blog/src/pages/index.astro
index 8df5682..78201b6 100644
--- a/apps/blog/src/pages/index.astro
+++ b/apps/blog/src/pages/index.astro
@@ -60,8 +60,15 @@ function extractDomain(url: string): string {
 <html>
 <head><meta charset="UTF-8"><title>Blog</title></head>
 <body>
-<pre set:html={sorted.map(post => `${formatDate(post.data.date)}    <a href="/${post.id}">${post.data.title}</a>`).join('\n')} />
-<pre set:html={bookmarks.map(b => `${formatBookmarkDate(b.date)}    <a href="${b.url}">${b.title}</a> (${extractDomain(b.url)})`).join('\n')} />
-<pre set:html={txtFiles.map(f => `${formatDate(f.mtime)}    <a href="/txt/${f.name}">${f.name}</a>`).join('\n')} />
+<pre set:html={[
+  'blog',
+  ...sorted.map(post => `<span class="muted">${formatDate(post.data.date)}</span>    <a href="/${post.id}">${post.data.title}</a>`),
+  '',
+  'txt',
+  ...txtFiles.map(f => `<span class="muted">${formatDate(f.mtime)}</span>    <a href="/txt/${f.name}">${f.name}</a>`),
+  '',
+  'bookmarks',
+  ...bookmarks.map(b => `<span class="muted">${formatBookmarkDate(b.date)}</span>    <a href="${b.url}">${b.title}</a> <span class="muted">(${extractDomain(b.url)})</span>`)
+].join('\n')} />
 </body>
 </html>
diff --git a/apps/blog/src/styles/global.css b/apps/blog/src/styles/global.css
index 4a85ec2..5b43109 100644
--- a/apps/blog/src/styles/global.css
+++ b/apps/blog/src/styles/global.css
@@ -4,6 +4,10 @@ body {
   padding: 1rem;
 }
 
+.muted {
+  color: #888;
+}
+
 .left, .right {
   display: block;
   font-size: 0.9rem;
