diff --git a/public/images/dark-avatar.png b/public/images/dark-avatar.png
new file mode 100644
index 0000000..0ebf6b3
Binary files /dev/null and b/public/images/dark-avatar.png differ
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 004aed5..20e28e8 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -6,10 +6,7 @@ const links = [
     { href: "/about", label: "about" },
     { href: "/projects", label: "projects" },
     { href: "/now", label: "now" },
-    { href: "/uses", label: "uses" },
     { href: "/blog", label: "blog" },
-    { href: "/coffee", label: "coffee" },
-    { href: "/links", label: "links" },
     { href: "/guestbook", label: "guestbook" },
 ];
 
diff --git a/src/pages/about.astro b/src/pages/about.astro
index cc561c1..c15bdc9 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -99,6 +99,9 @@ import BaseLayout from "../layouts/BaseLayout.astro";
                         </p>
                     </article>
                 </div>
+                <p class="uses-link">
+                    Curious about the actual tools and setup? <a href="/uses">See what I use →</a>
+                </p>
             </section>
 
             <section class="section fade-in">
@@ -357,6 +360,20 @@ import BaseLayout from "../layouts/BaseLayout.astro";
         font-weight: 600;
     }
 
+    .uses-link {
+        margin-top: var(--space-md);
+        font-size: 0.875rem;
+        color: var(--color-text-dim);
+    }
+
+    .uses-link a {
+        color: var(--color-accent);
+    }
+
+    .uses-link a:hover {
+        color: var(--color-accent-bright);
+    }
+
     .compact {
         margin-top: var(--space-md);
     }
diff --git a/src/pages/coffee.astro b/src/pages/coffee.astro
deleted file mode 100644
index 36fe56a..0000000
--- a/src/pages/coffee.astro
+++ /dev/null
@@ -1,315 +0,0 @@
----
-import BaseLayout from "../layouts/BaseLayout.astro";
-import { getCollection } from "astro:content";
-
-const coffeeEntries = (await getCollection("coffee", ({ data }) => !data.draft))
-    .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
-
-const renderedEntries = await Promise.all(
-    coffeeEntries.map(async (entry) => {
-        const { Content } = await entry.render();
-
-        return {
-            ...entry,
-            Content,
-        };
-    }),
-);
-
-function formatTimestamp(date: Date) {
-    const iso = date.toISOString();
-    return `${iso.slice(0, 10)} ${iso.slice(11, 16)} UTC`;
-}
----
-
-<BaseLayout
-    title="Coffee Notes - Hidden Den Cafe"
-    description="Short notes from inside the den: quick reflections on building, privacy, life, and the quieter parts of the internet."
->
-    <div class="matrix-bg" aria-hidden="true"></div>
-
-    <main class="main">
-        <div class="container">
-            <header class="header fade-in">
-                <p class="eyebrow">Small reflections</p>
-                <h1 class="title">Coffee Notes</h1>
-                <div class="divider">==============================</div>
-                <p class="lead">
-                    These are shorter notes than the blog. Small thoughts,
-                    building notes, privacy reflections, and quiet little things
-                    written down while the coffee is still warm.
-                </p>
-            </header>
-
-            {
-                renderedEntries.length === 0 ? (
-                    <section class="section fade-in">
-                        <p class="empty">
-                            No notes yet. The mug is here, the notebook is just
-                            still blank.
-                        </p>
-                    </section>
-                ) : (
-                    <section class="section fade-in" aria-labelledby="coffee-notes">
-                        <h2 id="coffee-notes" class="sr-only">
-                            Coffee Notes entries
-                        </h2>
-                        <ol class="note-list">
-                            {renderedEntries.map((entry) => (
-                                <li class="note-item">
-                                    <time
-                                        class="note-time"
-                                        datetime={entry.data.date.toISOString()}
-                                    >
-                                        {formatTimestamp(entry.data.date)}
-                                    </time>
-                                    <article
-                                        class="note-body"
-                                        aria-label={`Coffee note from ${formatTimestamp(entry.data.date)}`}
-                                    >
-                                        {entry.data.title && (
-                                            <h3 class="note-title">
-                                                {entry.data.title}
-                                            </h3>
-                                        )}
-                                        <div class="note-content">
-                                            <entry.Content />
-                                        </div>
-                                    </article>
-                                </li>
-                            ))}
-                        </ol>
-                    </section>
-                )
-            }
-
-            <footer class="footer fade-in">
-                <p>Made with love by Latte</p>
-            </footer>
-        </div>
-    </main>
-</BaseLayout>
-
-<style>
-    .matrix-bg {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: -1;
-        opacity: 0.03;
-        background:
-            linear-gradient(var(--color-accent) 1px, transparent 1px),
-            linear-gradient(90deg, var(--color-accent) 1px, transparent 1px);
-        background-size: 50px 50px;
-        animation: grid-move 20s linear infinite;
-    }
-
-    @keyframes grid-move {
-        0% {
-            transform: translate(0, 0);
-        }
-        100% {
-            transform: translate(50px, 50px);
-        }
-    }
-
-    .main {
-        min-height: 100vh;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: var(--space-lg) var(--space-md);
-        padding-top: calc(var(--space-lg) + 3rem);
-    }
-
-    .container {
-        max-width: 700px;
-        width: 100%;
-        background: var(--color-glass);
-        backdrop-filter: blur(10px);
-        border: 1px solid var(--color-surface);
-        border-radius: 8px;
-        padding: var(--space-xl);
-    }
-
-    .header {
-        margin-bottom: var(--space-lg);
-        text-align: center;
-    }
-
-    .eyebrow {
-        color: var(--color-text-dim);
-        text-transform: uppercase;
-        letter-spacing: 0.24em;
-        font-size: 0.75rem;
-        margin-bottom: var(--space-sm);
-    }
-
-    .title {
-        font-size: 2rem;
-        font-weight: 700;
-        letter-spacing: 2px;
-    }
-
-    .divider {
-        color: var(--color-surface);
-        text-align: center;
-        font-size: 0.75rem;
-        margin: var(--space-md) 0;
-        user-select: none;
-    }
-
-    .lead {
-        color: var(--color-text-dim);
-        line-height: 1.8;
-        max-width: 38rem;
-        margin: 0 auto;
-    }
-
-    .section {
-        margin: var(--space-md) 0;
-    }
-
-    .note-list {
-        list-style: none;
-        display: flex;
-        flex-direction: column;
-        gap: var(--space-lg);
-    }
-
-    .note-item {
-        display: flex;
-        gap: var(--space-md);
-        align-items: flex-start;
-    }
-
-    .note-time {
-        color: var(--color-text-dim);
-        font-size: 0.8rem;
-        white-space: nowrap;
-        padding-top: 0.15rem;
-        min-width: 126px;
-    }
-
-    .note-body {
-        flex: 1;
-        padding: 0.1rem 0 0.2rem var(--space-md);
-        border-left: 1px solid color-mix(in srgb, var(--color-surface) 78%, transparent);
-    }
-
-    .note-title {
-        color: var(--color-accent-bright);
-        font-size: 1rem;
-        margin-bottom: var(--space-xs);
-    }
-
-    .note-content :global(p) {
-        color: var(--color-text-dim);
-        line-height: 1.8;
-        margin-bottom: var(--space-sm);
-    }
-
-    .note-content :global(p:last-child) {
-        margin-bottom: 0;
-    }
-
-    .note-content :global(a) {
-        color: var(--color-blue);
-    }
-
-    .note-content :global(a:hover) {
-        color: var(--color-accent-bright);
-    }
-
-    .note-content :global(strong) {
-        color: var(--color-text);
-    }
-
-    .empty {
-        color: var(--color-text-dim);
-        font-style: italic;
-    }
-
-    .footer {
-        margin-top: var(--space-xl);
-        text-align: center;
-    }
-
-    .footer p {
-        color: var(--color-text-dim);
-        font-size: 0.85rem;
-    }
-
-    .fade-in {
-        animation: fadeIn 0.6s ease-out forwards;
-        opacity: 0;
-    }
-
-    .fade-in:nth-child(1) {
-        animation-delay: 0.1s;
-    }
-
-    .fade-in:nth-child(2) {
-        animation-delay: 0.2s;
-    }
-
-    .fade-in:nth-child(3) {
-        animation-delay: 0.3s;
-    }
-
-    @keyframes fadeIn {
-        from {
-            opacity: 0;
-            transform: translateY(10px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @media (max-width: 600px) {
-        .container {
-            padding: var(--space-md);
-        }
-
-        .title {
-            font-size: 1.5rem;
-        }
-
-        .divider {
-            font-size: 0.6rem;
-        }
-
-        .lead {
-            font-size: 0.95rem;
-        }
-
-        .note-item {
-            flex-direction: column;
-            gap: var(--space-xs);
-        }
-
-        .note-time {
-            min-width: unset;
-        }
-
-        .note-body {
-            width: 100%;
-            padding-left: var(--space-sm);
-        }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-        .matrix-bg {
-            animation: none;
-        }
-
-        .fade-in {
-            animation: none;
-            opacity: 1;
-        }
-    }
-</style>
diff --git a/src/pages/links.astro b/src/pages/links.astro
deleted file mode 100644
index 946aa48..0000000
--- a/src/pages/links.astro
+++ /dev/null
@@ -1,370 +0,0 @@
----
-import BaseLayout from "../layouts/BaseLayout.astro";
-import { getCollection } from "astro:content";
-
-const links = (await getCollection("links", ({ data }) => !data.draft)).map(
-    (entry) => ({
-        ...entry,
-        host: new URL(entry.data.url).hostname.replace(/^www\./, ""),
-    }),
-);
-
-const categoryOrder = [
-    "blogs",
-    "essays",
-    "tools",
-    "inspiration",
-    "music",
-    "infrastructure",
-];
-
-const compareLinks = (a: (typeof links)[number], b: (typeof links)[number]) => {
-    if (a.data.date && b.data.date) {
-        return b.data.date.valueOf() - a.data.date.valueOf();
-    }
-
-    if (a.data.date) return -1;
-    if (b.data.date) return 1;
-
-    return a.data.title.localeCompare(b.data.title);
-};
-
-const groupedLinks = Array.from(
-    links.reduce((groups, link) => {
-        const category = link.data.category ?? "uncategorized";
-        const current = groups.get(category) ?? [];
-
-        current.push(link);
-        groups.set(category, current);
-        return groups;
-    }, new Map<string, (typeof links)[number][]>()),
-).sort(([a], [b]) => {
-    const leftIndex = categoryOrder.indexOf(a);
-    const rightIndex = categoryOrder.indexOf(b);
-    const normalizedLeft =
-        leftIndex === -1 ? Number.MAX_SAFE_INTEGER : leftIndex;
-    const normalizedRight =
-        rightIndex === -1 ? Number.MAX_SAFE_INTEGER : rightIndex;
-
-    if (normalizedLeft !== normalizedRight) {
-        return normalizedLeft - normalizedRight;
-    }
-
-    return a.localeCompare(b);
-});
-
-for (const [, entries] of groupedLinks) {
-    entries.sort(compareLinks);
-}
-
-function formatCategory(category: string) {
-    if (category === "uncategorized") return "Elsewhere";
-    return category.replace(/\b\w/g, (char) => char.toUpperCase());
-}
-
-function formatDate(date?: Date) {
-    if (!date) return null;
-    return date.toISOString().split("T")[0];
-}
----
-
-<BaseLayout
-    title="Links - Hidden Den Cafe"
-    description="A curated shelf of meaningful links: tools, writing, and corners of the web that resonate with Hidden Den."
->
-    <div class="matrix-bg" aria-hidden="true"></div>
-
-    <main class="main">
-        <div class="container">
-            <header class="header fade-in">
-                <p class="eyebrow">A wider web</p>
-                <h1 class="title">Links</h1>
-                <div class="divider">==============================</div>
-                <p class="lead">
-                    This is a small cabinet of links that matter to me: tools,
-                    essays, communities, and other corners of the web that have
-                    influenced how I think about building places online. Not a
-                    giant bookmark dump, just a shelf of things worth sharing.
-                </p>
-            </header>
-
-            <div class="groups">
-                {
-                    groupedLinks.map(([category, entries]) => (
-                        <section
-                            class:list={["section", "fade-in"]}
-                            aria-labelledby={`group-${category}`}
-                        >
-                            <h2 id={`group-${category}`}>
-                                {formatCategory(category)}
-                            </h2>
-                            <ul class="link-list">
-                                {entries.map((entry) => (
-                                    <li class="link-item">
-                                        <article class="link-entry">
-                                            <h3>
-                                                <a
-                                                    href={entry.data.url}
-                                                    target="_blank"
-                                                    rel="noopener noreferrer"
-                                                >
-                                                    {entry.data.title}
-                                                </a>
-                                            </h3>
-                                            <p class="link-meta">
-                                                <span>{entry.host}</span>
-                                                {formatDate(
-                                                    entry.data.date,
-                                                ) && (
-                                                    <>
-                                                        <span
-                                                            class="meta-sep"
-                                                            aria-hidden="true"
-                                                        >
-                                                            ·
-                                                        </span>
-                                                        <span>
-                                                            added{" "}
-                                                            {formatDate(
-                                                                entry.data.date,
-                                                            )}
-                                                        </span>
-                                                    </>
-                                                )}
-                                            </p>
-                                            <p class="link-desc">
-                                                {entry.data.description}
-                                            </p>
-                                        </article>
-                                    </li>
-                                ))}
-                            </ul>
-                        </section>
-                    ))
-                }
-            </div>
-
-            <footer class="footer fade-in">
-                <p>Made with love by Latte</p>
-            </footer>
-        </div>
-    </main>
-</BaseLayout>
-
-<style>
-    .matrix-bg {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: -1;
-        opacity: 0.03;
-        background:
-            linear-gradient(var(--color-accent) 1px, transparent 1px),
-            linear-gradient(90deg, var(--color-accent) 1px, transparent 1px);
-        background-size: 50px 50px;
-        animation: grid-move 20s linear infinite;
-    }
-
-    @keyframes grid-move {
-        0% {
-            transform: translate(0, 0);
-        }
-        100% {
-            transform: translate(50px, 50px);
-        }
-    }
-
-    .main {
-        min-height: 100vh;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: var(--space-lg) var(--space-md);
-        padding-top: calc(var(--space-lg) + 3rem);
-    }
-
-    .container {
-        max-width: 760px;
-        width: 100%;
-        background: var(--color-glass);
-        backdrop-filter: blur(10px);
-        border: 1px solid var(--color-surface);
-        border-radius: 8px;
-        padding: var(--space-xl);
-    }
-
-    .header {
-        text-align: center;
-        margin-bottom: var(--space-lg);
-    }
-
-    .eyebrow {
-        color: var(--color-text-dim);
-        text-transform: uppercase;
-        letter-spacing: 0.24em;
-        font-size: 0.75rem;
-        margin-bottom: var(--space-sm);
-    }
-
-    .title {
-        font-size: 2rem;
-        font-weight: 700;
-        letter-spacing: 2px;
-    }
-
-    .divider {
-        color: var(--color-surface);
-        text-align: center;
-        font-size: 0.75rem;
-        margin: var(--space-md) 0;
-        user-select: none;
-    }
-
-    .lead {
-        color: var(--color-text);
-        line-height: 1.8;
-        max-width: 42rem;
-        margin: 0 auto;
-    }
-
-    .groups {
-        display: flex;
-        flex-direction: column;
-        gap: var(--space-xl);
-    }
-
-    .section h2 {
-        font-size: 1rem;
-        text-transform: uppercase;
-        letter-spacing: 2px;
-        margin-bottom: var(--space-md);
-        color: var(--color-accent);
-    }
-
-    .link-list {
-        list-style: none;
-        display: flex;
-        flex-direction: column;
-        gap: var(--space-md);
-    }
-
-    .link-entry {
-        padding-left: var(--space-md);
-        border-left: 1px solid
-            color-mix(in srgb, var(--color-surface) 75%, transparent);
-    }
-
-    .link-entry h3 {
-        font-size: 1rem;
-        margin-bottom: 0.2rem;
-    }
-
-    .link-entry h3 a {
-        color: var(--color-blue);
-    }
-
-    .link-entry h3 a:hover {
-        color: var(--color-accent-bright);
-    }
-
-    .link-meta {
-        display: flex;
-        align-items: center;
-        gap: var(--space-xs);
-        flex-wrap: wrap;
-        color: var(--color-text-dim);
-        font-size: 0.8rem;
-        margin-bottom: var(--space-xs);
-    }
-
-    .meta-sep {
-        color: var(--color-surface);
-    }
-
-    .link-desc {
-        color: var(--color-text-dim);
-        line-height: 1.7;
-        max-width: 44rem;
-    }
-
-    .footer {
-        margin-top: var(--space-xl);
-        text-align: center;
-    }
-
-    .footer p {
-        color: var(--color-text-dim);
-        font-size: 0.85rem;
-    }
-
-    .fade-in {
-        animation: fadeIn 0.6s ease-out forwards;
-        opacity: 0;
-    }
-
-    .fade-in:nth-child(1) {
-        animation-delay: 0.1s;
-    }
-
-    .fade-in:nth-child(2) {
-        animation-delay: 0.2s;
-    }
-
-    .fade-in:nth-child(3) {
-        animation-delay: 0.3s;
-    }
-
-    .fade-in:nth-child(4) {
-        animation-delay: 0.4s;
-    }
-
-    .fade-in:nth-child(5) {
-        animation-delay: 0.5s;
-    }
-
-    @keyframes fadeIn {
-        from {
-            opacity: 0;
-            transform: translateY(10px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @media (max-width: 600px) {
-        .container {
-            padding: var(--space-md);
-        }
-
-        .title {
-            font-size: 1.5rem;
-        }
-
-        .divider {
-            font-size: 0.6rem;
-        }
-
-        .lead {
-            font-size: 0.95rem;
-        }
-
-        .link-entry {
-            padding-left: var(--space-sm);
-        }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-        .matrix-bg {
-            animation: none;
-        }
-
-        .fade-in {
-            animation: none;
-            opacity: 1;
-        }
-    }
-</style>