From d7b2f306ae68e8939959c71992b6b4039861a674 Mon Sep 17 00:00:00 2001
From: Lucas Winther <lucwin@ece.au.dk>
Date: Mon, 17 Aug 2026 22:09:26 +0200
Subject: [PATCH] feat(colophon): credit the author, and link out to site and
 GitHub

The footer thanks every wiki and every studio the feed touches, but never
said who assembled it. The byline sits with the source-code link, since
that is where someone goes when they want the person rather than the page.

Both personal links carry rel="me" so the site and the profile can verify
each other, and the GitHub mark is now a component because two links use it.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/client/components/Colophon.tsx | 46 +++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/client/components/Colophon.tsx b/src/client/components/Colophon.tsx
index 377943d..d818665 100644
--- a/src/client/components/Colophon.tsx
+++ b/src/client/components/Colophon.tsx
@@ -3,6 +3,24 @@ import type { SourceHealth } from "../../shared/feed.ts";
 
 export const REPO_URL = "https://github.com/StereotypicalCat/gacha-event-tracker";
 
+/** Who built this, and where to find them. */
+export const AUTHOR = {
+  name: "Lucas Winther",
+  site: "https://lucaswinther.info",
+  github: "https://github.com/StereotypicalCat",
+} as const;
+
+const LINK =
+  "text-muted underline decoration-hairline underline-offset-2 transition-colors duration-150 hover:text-ink hover:decoration-near";
+
+function GitHubMark() {
+  return (
+    <svg viewBox="0 0 16 16" className="size-3.5" fill="currentColor" aria-hidden>
+      <path d="M8 0a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.4 7.4 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.19c0 .21.15.46.55.38A8 8 0 0 0 8 0Z" />
+    </svg>
+  );
+}
+
 /** Display name and homepage for a source host. */
 const SITES: Record<string, { name: string; url: string }> = {
   "game8.co": { name: "Game8", url: "https://game8.co" },
@@ -109,16 +127,36 @@ export function Colophon({
       </div>
 
       <p className="mt-5">
+        Built by{" "}
+        <a
+          href={AUTHOR.site}
+          target="_blank"
+          rel="noreferrer noopener me"
+          className={LINK}
+        >
+          {AUTHOR.name}
+        </a>
+        {"."}
+      </p>
+
+      <p className="mt-2 flex flex-wrap items-center gap-x-4 gap-y-1.5">
+        <a
+          href={AUTHOR.github}
+          target="_blank"
+          rel="noreferrer noopener me"
+          className="inline-flex items-center gap-1.5 text-muted transition-colors duration-150 hover:text-ink"
+        >
+          <GitHubMark />
+          @StereotypicalCat
+        </a>
         <a
           href={REPO_URL}
           target="_blank"
           rel="noreferrer noopener"
           className="inline-flex items-center gap-1.5 text-muted transition-colors duration-150 hover:text-ink"
         >
-          <svg viewBox="0 0 16 16" className="size-3.5" fill="currentColor" aria-hidden>
-            <path d="M8 0a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.4 7.4 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.19c0 .21.15.46.55.38A8 8 0 0 0 8 0Z" />
-          </svg>
-          Source code on GitHub
+          <GitHubMark />
+          Source code
         </a>
       </p>
     </footer>