From 3f207ac517f53bab4c779abd6c90a6123d3b4de6 Mon Sep 17 00:00:00 2001
From: Tobias Leinss <7684178+leinss@users.noreply.github.com>
Date: Wed, 26 Aug 2026 17:10:09 +0200
Subject: [PATCH] Link X instead of Bluesky, and drop the empty feed page

The Bluesky account has no posts. Its nav link had already been removed so
visitors were not sent to a blank page, which left the page itself building
and the profile link on the homepage pointing at an account with nothing on
it.

NAME doubles as the Feather icon name, and Feather ships no bluesky glyph, so
that entry rendered a bare word with an empty box beside it. Feather ships no
x glyph either, so the X profile is keyed twitter for the icon and for the
schema.org sameAs lookup in Head.astro, with a new optional LABEL carrying
what the visitor actually reads.

- SOCIALS: bluesky replaced by x.com/t_leinss
- src/pages/social.astro removed along with the Bluesky feed script
- llms.txt listed a contact URL that no longer exists; it now lists the three
  profiles directly

Test plan:
- [x] make lint
- [x] make build, 81 pages, 1740 internal links, none broken
- [x] built HTML contains no bsky reference
- [x] sameAs carries the X profile, and the icon renders as twitter
---
 public/llms.txt             |   4 +-
 src/components/Header.astro |   4 -
 src/consts.ts               |   9 +-
 src/pages/index.astro       |   6 +-
 src/pages/social.astro      | 232 ------------------------------------
 src/types.ts                |   7 ++
 6 files changed, 21 insertions(+), 241 deletions(-)
 delete mode 100644 src/pages/social.astro

diff --git a/public/llms.txt b/public/llms.txt
index 99d79c834..d9aa8ea5c 100644
--- a/public/llms.txt
+++ b/public/llms.txt
@@ -27,4 +27,6 @@ The apps below are all local-first: data stays on your device by default, and an
 
 ## Contact
 - Email: dev@leinss.xyz
-- Social profiles: https://leinss.xyz/social/
+- X: https://x.com/t_leinss
+- GitHub: https://github.com/leinss
+- LinkedIn: https://www.linkedin.com/in/tobias-leinss
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 00f41fb43..ddd8888de 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -44,10 +44,6 @@ const staticPages = (await getCollection("staticPages"))
           {`/`}
         </span>
         <Link href="/projects" underline={false}> projects </Link>
-        {/* The social link is out of the navigation while the Bluesky feed it
-            renders is empty, so visitors are not sent to a blank page. The
-            page itself stays at /social; restore the link once there are
-            posts. */}
         <button
           data-theme-toggle
           aria-label="Toggle theme"
diff --git a/src/consts.ts b/src/consts.ts
index aaf7545a6..99528338c 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -126,10 +126,15 @@ export const EDUCATION: Metadata = {
   DESCRIPTION: "Where I have studied.",
 }
 
+// Bluesky is deliberately absent. The account exists but has no posts, and
+// `NAME` is also the Feather icon name, which has no `bluesky` glyph, so the
+// entry rendered a bare word with an empty box beside it. The Bluesky feed at
+// /social is gone with it.
 export const SOCIALS: Socials = [
   {
-    NAME: "bluesky",
-    HREF: "https://bsky.app/profile/leinss.bsky.social",
+    NAME: "twitter",
+    HREF: "https://x.com/t_leinss",
+    LABEL: "x",
   },
   {
     NAME: "github",
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5ef7363bf..995387778 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -241,14 +241,16 @@ const education = await Promise.all(
                 <Link
                   href={SOCIAL.HREF}
                   external
-                  aria-label={`${SITE.NAME} on ${SOCIAL.NAME}`}
+                  aria-label={`${SITE.NAME} on ${SOCIAL.LABEL ?? SOCIAL.NAME}`}
                   underline={false}
                 >
                   <i
                     data-feather={SOCIAL.NAME}
                     class="w-5 h-5 mr-1.5 inline-block"
                   />
-                  <span class="underline text-sm">{SOCIAL.NAME}</span>
+                  <span class="underline text-sm">
+                    {SOCIAL.LABEL ?? SOCIAL.NAME}
+                  </span>
                 </Link>
                 {"/"}
               </li>
diff --git a/src/pages/social.astro b/src/pages/social.astro
deleted file mode 100644
index 643916666..000000000
--- a/src/pages/social.astro
+++ /dev/null
@@ -1,232 +0,0 @@
----
-import PageLayout from "@layouts/PageLayout.astro"
-import Container from "@components/Container.astro"
-
-const BSKY_HANDLE = "leinss.bsky.social"
-const BSKY_PROFILE_URL = `https://bsky.app/profile/${BSKY_HANDLE}`
----
-
-<PageLayout
-  title="Social"
-  description="Latest posts from @leinss.bsky.social on Bluesky"
->
-  <Container>
-    <div class="space-y-10">
-      <h1 class="animate font-semibold text-black dark:text-white">
-        Social
-      </h1>
-
-      <div class="animate flex items-center gap-3 text-sm text-black/60 dark:text-white/60">
-        <a
-          href={BSKY_PROFILE_URL}
-          target="_blank"
-          rel="noopener noreferrer"
-          class="inline-flex items-center gap-1.5 hover:text-black dark:hover:text-white transition-colors duration-300"
-        >
-          <svg class="w-4 h-4" viewBox="0 0 600 530" fill="currentColor" aria-hidden="true">
-            <path d="M135.72 44.03C202.216 93.951 273.74 195.17 300 249.49c26.262-54.316 97.782-155.54 164.28-205.46C512.26 8.009 590-19.862 590 68.825c0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.38-3.69-10.832-3.708-7.896-.017-2.936-1.193.516-3.707 7.896-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.45-163.25-81.433C20.15 217.615 10 86.535 10 68.823c0-88.687 77.742-60.816 125.72-24.795z"/>
-          </svg>
-          @{BSKY_HANDLE}
-        </a>
-      </div>
-
-      <div id="bsky-feed" class="space-y-6 animate">
-        <div id="bsky-loading" class="text-sm text-black/40 dark:text-white/40">
-          Loading posts…
-        </div>
-      </div>
-    </div>
-  </Container>
-</PageLayout>
-
-<script is:inline define:vars={{ BSKY_HANDLE }}>
-  async function loadFeed() {
-    const feed = document.getElementById("bsky-feed")
-    const loading = document.getElementById("bsky-loading")
-
-    try {
-      const res = await fetch(
-        `https://public.api.bsky.app/xrpc/app.bsky.feed.getAuthorFeed?actor=${encodeURIComponent(BSKY_HANDLE)}&limit=30&filter=posts_no_replies`
-      )
-      if (!res.ok) throw new Error(`HTTP ${res.status}`)
-      const data = await res.json()
-
-      const posts = (data.feed || []).filter(
-        (item) => !item.reply && item.post?.record?.text
-      )
-
-      if (!posts.length) {
-        loading.textContent = "No posts yet."
-        return
-      }
-
-      loading.remove()
-
-      for (const item of posts) {
-        const post = item.post
-        const record = post.record
-        const rkey = post.uri.split("/").pop()
-        const postUrl = `https://bsky.app/profile/${encodeURIComponent(BSKY_HANDLE)}/post/${encodeURIComponent(rkey)}`
-        const dateStr = new Date(record.createdAt).toLocaleDateString("en", {
-          year: "numeric", month: "short", day: "numeric",
-        })
-
-        const article = document.createElement("article")
-        article.className = "group border-b border-black/5 dark:border-white/5 pb-6 last:border-0"
-
-        // Post text, build with DOM nodes to handle facets safely
-        const textEl = document.createElement("p")
-        textEl.className = "text-sm leading-relaxed text-black/80 dark:text-white/80 whitespace-pre-wrap"
-        buildRichText(textEl, record.text, record.facets)
-        article.appendChild(textEl)
-
-        // Embed: external link card
-        const embed = post.embed
-        if (embed?.$type === "app.bsky.embed.external#view" && embed.external) {
-          const ext = embed.external
-          try {
-            const cardUrl = new URL(ext.uri)
-            const card = document.createElement("a")
-            card.href = cardUrl.href
-            card.target = "_blank"
-            card.rel = "noopener noreferrer"
-            card.className = "block mt-3 rounded-lg border border-black/10 dark:border-white/10 overflow-hidden hover:border-black/30 dark:hover:border-white/30 transition-colors"
-            if (ext.thumb) {
-              const img = document.createElement("img")
-              img.src = ext.thumb
-              img.alt = ""
-              img.className = "w-full h-32 object-cover"
-              img.loading = "lazy"
-              card.appendChild(img)
-            }
-            const cardBody = document.createElement("div")
-            cardBody.className = "px-3 py-2"
-            if (ext.title) {
-              const title = document.createElement("div")
-              title.className = "text-xs font-medium text-black dark:text-white truncate"
-              title.textContent = ext.title
-              cardBody.appendChild(title)
-            }
-            if (ext.description) {
-              const desc = document.createElement("div")
-              desc.className = "text-xs text-black/50 dark:text-white/50 mt-0.5 line-clamp-2"
-              desc.textContent = ext.description
-              cardBody.appendChild(desc)
-            }
-            const domain = document.createElement("div")
-            domain.className = "text-xs text-black/30 dark:text-white/30 mt-1 truncate"
-            domain.textContent = cardUrl.hostname
-            cardBody.appendChild(domain)
-            card.appendChild(cardBody)
-            article.appendChild(card)
-          } catch {
-            // invalid URL, skip embed
-          }
-        }
-
-        // Embed: images
-        if (embed?.$type === "app.bsky.embed.images#view" && embed.images?.length) {
-          const grid = document.createElement("div")
-          grid.className = `mt-3 grid ${embed.images.length > 1 ? "grid-cols-2" : "grid-cols-1"} gap-1`
-          for (const imgData of embed.images) {
-            const img = document.createElement("img")
-            img.src = imgData.thumb
-            img.alt = imgData.alt || ""
-            img.className = "rounded object-cover w-full"
-            img.loading = "lazy"
-            grid.appendChild(img)
-          }
-          article.appendChild(grid)
-        }
-
-        // Footer: date + stats + link
-        const footer = document.createElement("div")
-        footer.className = "flex items-center justify-between pt-1"
-        const dateNode = document.createElement("span")
-        dateNode.className = "text-xs text-black/30 dark:text-white/30"
-        dateNode.textContent = dateStr
-        footer.appendChild(dateNode)
-        const stats = document.createElement("div")
-        stats.className = "flex items-center gap-3 text-xs text-black/30 dark:text-white/30"
-        if (post.likeCount) {
-          const likes = document.createElement("span")
-          likes.textContent = `♥ ${post.likeCount}`
-          stats.appendChild(likes)
-        }
-        if (post.repostCount) {
-          const reposts = document.createElement("span")
-          reposts.textContent = `↺ ${post.repostCount}`
-          stats.appendChild(reposts)
-        }
-        const viewLink = document.createElement("a")
-        viewLink.href = postUrl
-        viewLink.target = "_blank"
-        viewLink.rel = "noopener noreferrer"
-        viewLink.className = "opacity-0 group-hover:opacity-100 transition-opacity hover:text-black dark:hover:text-white"
-        viewLink.textContent = "view →"
-        stats.appendChild(viewLink)
-        footer.appendChild(stats)
-        article.appendChild(footer)
-
-        feed.appendChild(article)
-      }
-    } catch (err) {
-      if (loading) loading.textContent = `Could not load posts (${err.message})`
-    }
-  }
-
-  // Build rich text node from AT Protocol facets without innerHTML
-  function buildRichText(container, text, facets) {
-    const enc = new TextEncoder()
-    const dec = new TextDecoder()
-    const bytes = enc.encode(text)
-
-    const sorted = [...(facets || [])].sort(
-      (a, b) => a.index.byteStart - b.index.byteStart
-    )
-
-    let cursor = 0
-    for (const facet of sorted) {
-      const { byteStart, byteEnd } = facet.index
-      if (byteStart > cursor) {
-        container.appendChild(
-          document.createTextNode(dec.decode(bytes.slice(cursor, byteStart)))
-        )
-      }
-      const segment = dec.decode(bytes.slice(byteStart, byteEnd))
-      const feature = facet.features?.[0]
-      if (feature?.$type === "app.bsky.richtext.facet#link") {
-        try {
-          const a = document.createElement("a")
-          a.href = new URL(feature.uri).href
-          a.target = "_blank"
-          a.rel = "noopener noreferrer"
-          a.className = "underline underline-offset-2 decoration-black/20 dark:decoration-white/20 hover:decoration-black/60 dark:hover:decoration-white/60 transition-colors"
-          a.textContent = segment
-          container.appendChild(a)
-        } catch {
-          container.appendChild(document.createTextNode(segment))
-        }
-      } else if (feature?.$type === "app.bsky.richtext.facet#mention") {
-        const a = document.createElement("a")
-        a.href = `https://bsky.app/profile/${encodeURIComponent(feature.did)}`
-        a.target = "_blank"
-        a.rel = "noopener noreferrer"
-        a.className = "text-black/60 dark:text-white/60 hover:text-black dark:hover:text-white transition-colors"
-        a.textContent = segment
-        container.appendChild(a)
-      } else {
-        container.appendChild(document.createTextNode(segment))
-      }
-      cursor = byteEnd
-    }
-
-    if (cursor < bytes.length) {
-      container.appendChild(
-        document.createTextNode(dec.decode(bytes.slice(cursor)))
-      )
-    }
-  }
-
-  loadFeed()
-</script>
diff --git a/src/types.ts b/src/types.ts
index aa87f6e2c..79439d9f7 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -13,6 +13,13 @@ export type Metadata = {
 };
 
 export type Socials = {
+  /**
+   * Doubles as the Feather icon name and as the key Head.astro looks up for
+   * the schema.org `sameAs` list, so it has to stay a name Feather ships.
+   * Feather has no `x` icon, which is why the X profile is keyed `twitter`.
+   */
   NAME: string;
   HREF: string;
+  /** What the visitor reads, when the network has outgrown its icon name. */
+  LABEL?: string;
 }[];