From 7496102f447d7fab92889066bbf0b6676a1f3680 Mon Sep 17 00:00:00 2001
From: Cameron Pfiffer <cameron@pfiffer.org>
Date: Sun, 12 Jul 2026 00:44:39 -0700
Subject: [PATCH] Simplify homepage webring navigation.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reduce the widget to one quiet line so it matches the rest of the homepage instead of behaving like a separate promotional block.

👾 Generated with [Letta Code](https://letta.com)

Co-Authored-By: Letta Code <noreply@letta.com>
---
 public/site.css            | 38 +-------------------------------------
 src/components/site.tsx    |  2 +-
 src/components/webring.tsx | 20 +++++++-------------
 3 files changed, 9 insertions(+), 51 deletions(-)

diff --git a/public/site.css b/public/site.css
index 1a0b555..01ac30c 100644
--- a/public/site.css
+++ b/public/site.css
@@ -215,34 +215,12 @@ h1 {
   display: flex;
   justify-content: center;
   align-items: baseline;
-  gap: 0.9em;
+  gap: 0.45em;
   margin-top: 0.85em;
   color: var(--site-text-muted);
   font-size: 0.8125rem;
 }
 
-.webring-copy {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 0.45em;
-}
-
-.webring-label {
-  color: var(--site-text-secondary);
-  font-weight: 500;
-}
-
-.webring-description {
-  color: var(--site-text-muted);
-  font-size: 0.75rem;
-}
-
-.webring-links {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45em;
-}
-
 .webring a {
   color: var(--site-text-secondary);
   text-decoration: none;
@@ -253,20 +231,6 @@ h1 {
   text-decoration: underline;
 }
 
-@media (max-width: 520px) {
-  .webring {
-    flex-direction: column;
-    align-items: center;
-    gap: 0.3em;
-  }
-
-  .webring-copy {
-    flex-direction: column;
-    align-items: center;
-    gap: 0.05em;
-  }
-}
-
 /* Post list items */
 
 .post-item {
diff --git a/src/components/site.tsx b/src/components/site.tsx
index 88c81c6..47d5e1d 100644
--- a/src/components/site.tsx
+++ b/src/components/site.tsx
@@ -45,7 +45,7 @@ export async function Site() {
         </a>
       </nav>
 
-      <Webring name="LettaMates" slug="lettamates" from={ringFrom} />
+      <Webring name="Letta" slug="lettamates" from={ringFrom} />
     </div>
   );
 }
diff --git a/src/components/webring.tsx b/src/components/webring.tsx
index 65f4039..c6ad969 100644
--- a/src/components/webring.tsx
+++ b/src/components/webring.tsx
@@ -16,19 +16,13 @@ export function Webring({
 
   return (
     <div class="webring" aria-label={`${name} webring navigation`}>
-      <div class="webring-copy">
-        <span class="webring-label">{name} webring</span>
-        <span class="webring-description">visit another Letta person</span>
-      </div>
-      <span class="webring-links">
-        <a href={`${baseUrl}/prev?from=${fromParam}`}>previous</a>
-        <span aria-hidden="true">/</span>
-        <a href={aboutHref} target="_blank" rel="noopener">
-          about
-        </a>
-        <span aria-hidden="true">/</span>
-        <a href={`${baseUrl}/next?from=${fromParam}`}>next</a>
-      </span>
+      <a href={`${baseUrl}/prev?from=${fromParam}`}>previous</a>
+      <span aria-hidden="true">|</span>
+      <a href={aboutHref} target="_blank" rel="noopener">
+        {name} webring
+      </a>
+      <span aria-hidden="true">|</span>
+      <a href={`${baseUrl}/next?from=${fromParam}`}>next</a>
     </div>
   );
 }
-- 
2.51.2