From a108f895607eaa95f813b6a8dd1a0db097ee89c1 Mon Sep 17 00:00:00 2001
From: Kumar Damani <me@kumardamani.net>
Date: Mon, 3 Aug 2026 13:41:12 -0400
Subject: prettier atom feed link rendering

---
 global/common.typ |  2 +-
 global/feed.svg   |  1 +
 global/main.css   | 23 +++++++++++++++++++++++
 main.typ          |  1 +
 4 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 global/feed.svg

diff --git a/global/common.typ b/global/common.typ
index 2b8fa7e..1aa773c 100644
--- a/global/common.typ
+++ b/global/common.typ
@@ -231,7 +231,7 @@
                 html.footer({
                     html.span(class: "updated")[\[Updated: #ci.date.\]]
                     html.span(class: "logs")[
-                        \[For nerds: #extlink(srcurl)[site source], #extlink(ci.link)[logs], #link(base + "atom.xml")[atom]\]
+                        \[For nerds: #extlink(srcurl)[site source], #extlink(ci.link)[logs], #html.elem("a", attrs: (class: "feed", href: base + "atom.xml"))[feed]\]
                     ]
                 })
             })
diff --git a/global/feed.svg b/global/feed.svg
new file mode 100644
index 0000000..abf50b2
--- /dev/null
+++ b/global/feed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 16.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM0 10a14 14 0 0 1 14 14h-4A10 10 0 0 0 0 14ZM0 2a22 22 0 0 1 22 22h-4A18 18 0 0 0 0 6Z"/></svg>
diff --git a/global/main.css b/global/main.css
index 345641c..17a06f6 100644
--- a/global/main.css
+++ b/global/main.css
@@ -5,6 +5,7 @@
 :root {
     --button-border: color-mix(in oklab, ButtonFace, CanvasText 10%);
     --extlink-icon: url('extlink.svg');
+    --feed-icon: url('feed.svg');
 
     /* base font size is 16px, which is 12pt */
     --font-size-px-mul: calc(1rem / 16);
@@ -360,6 +361,28 @@ tr + tr > td {
     font: var(--shell-font);
 }
 
+/* atom feed link in the footer: glyph rendered exactly like the
+   extlink arrow (superscript, masked, follows the text color) */
+a.feed::after {
+    padding-right: 0.5em;
+    color: CanvasText;
+    background-color: currentcolor;
+    mask: var(--feed-icon);
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    clip-path: polygon(
+        calc(50% - 0.25em) calc(50% - 0.25em),
+        calc(50% + 0.25em) calc(50% - 0.25em),
+        calc(50% + 0.25em) calc(50% + 0.25em),
+        calc(50% - 0.25em) calc(50% + 0.25em)
+    );
+    content: "";
+    vertical-align: super;
+    line-height: 0;
+    font-size: 1rem;
+}
+
 figure {
     margin: 1em 0;
     text-align: center;
diff --git a/main.typ b/main.typ
index 9a76286..4eb2fdf 100644
--- a/main.typ
+++ b/main.typ
@@ -73,6 +73,7 @@
 // global assets
 #asset("main.css", read("/global/main.css", encoding: none))
 #asset("extlink.svg", read("/global/extlink.svg", encoding: none))
+#asset("feed.svg", read("/global/feed.svg", encoding: none))
 #asset("favicon.ico", read("/global/favicon.ico", encoding: none))
 #asset("favicon.svg", read("/global/favicon.svg", encoding: none))
 #asset("atom.xml", bytes(atom-xml(site-info)))
-- 
cgit v1.2.3