From e046d80f2d50c04820d95175eb5231bfc0545a6c Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Fri, 26 Jun 2026 23:34:23 +0200
Subject: [PATCH] chore: add ability to specify facet author

---
 src/_components/grid.vto    |  5 +++++
 src/_data/facets.json       |  2 ++
 src/styles/diffuse/page.css | 15 +++++++++++++++
 3 files changed, 22 insertions(+)

diff --git a/src/_components/grid.vto b/src/_components/grid.vto
index 67dcd4f1..9f455c0a 100644
--- a/src/_components/grid.vto
+++ b/src/_components/grid.vto
@@ -59,6 +59,11 @@
         <div class="list-description">
           {{ item.desc |> md(true) }}
         </div>
+        {{ if item.author }}
+          <div class="grid-item__author">
+            {{ item.author |> md(true) }}
+          </div>
+        {{ /if }}
       </div>
       <div class="grid-item__menu">
         <button
diff --git a/src/_data/facets.json b/src/_data/facets.json
index e27cd93e..5b89c468 100644
--- a/src/_data/facets.json
+++ b/src/_data/facets.json
@@ -18,6 +18,7 @@
     "title": "Blur",
     "category": "Themes",
     "featured": true,
+    "author": "A theme by [@tokono.ma](https://bsky.app/profile/tokono.ma)",
     "desc": "A combination of the classic Diffuse browser and the Apple Music iOS playback screen."
   },
   {
@@ -236,6 +237,7 @@
     "title": "Winamp",
     "category": "Themes",
     "featured": true,
+    "author": "A theme by [@tokono.ma](https://bsky.app/profile/tokono.ma) and [@captbaritone](https://github.com/captbaritone)",
     "desc": "Windows 98 inspired theme with a classic Winamp skin for the audio player. The Winamp playlist is a combination of the queue's history, the track that's currently playing and the future queue items."
   },
   {
diff --git a/src/styles/diffuse/page.css b/src/styles/diffuse/page.css
index 7b72e56b..ced86777 100644
--- a/src/styles/diffuse/page.css
+++ b/src/styles/diffuse/page.css
@@ -834,6 +834,21 @@ ul li::marker {
   }
 }
 
+.grid-item__author {
+  font-size: calc(var(--fs-xs) * 0.9);
+  margin-bottom: var(--space-3xs);
+  opacity: 0.3;
+
+  a {
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+      text-underline-offset: 3px;
+    }
+  }
+}
+
 .table-of-contents {
   font-weight: 300;
   list-style: none;
-- 
2.51.2