socle

marquee: clamp the sitename so long names shrink instead of overflowing a phone

commit 6b3477bda1ae17bd7a06b2b6a74e5269356c4634 · parent 7d35e18e14 · browse this tree
Ximianth, 2026-10-30 14:50:51 UTC

diff --git a/chrome.go b/chrome.go
index 4721e08..6c97770 100644
--- a/chrome.go
+++ b/chrome.go
@@ -215,7 +215,9 @@ nav.arc.corner a {
    the gallery itself is the first exhibit.  The name sits on the cap. */
 article .marquee { text-align: center; margin: .6rem 0 2.4rem; }
 article .marquee .sitename {
-	font-size: 2.7rem;
+	/* clamp: a long sitename shrinks rather than overflowing a phone;
+	   the cap underneath is 220px, and 11vw tracks that scale at narrow widths. */
+	font-size: clamp(1.6rem, 11vw, 2.7rem);
 	font-weight: 700;
 	color: var(--accent);
 	line-height: 1.05;