From 579b45973ad33aef8b475b30efea3268d695c011 Mon Sep 17 00:00:00 2001 From: Oliver Rieger Date: Mon, 31 Aug 2026 13:38:31 +0200 Subject: [PATCH] The shelf labels take the announcement face after all MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Three tries: Bangers, then the HUD face, then the platform's UI face, and back to Bangers. It works now because the header lost its rule and its left band and gained air — the size carries the hierarchy (20 against the screen title's 26) instead of the typeface having to. The strap goes back to Silkscreen under it: a shouted line over a system-sans line was two foreign voices in one header. Co-Authored-By: Claude Fable 5 --- index.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 0978de5..c100705 100644 --- a/index.html +++ b/index.html @@ -505,20 +505,20 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat header is a header, and headers on this screen are left-aligned (the .hdr title, the posters' own captions) */ #modeList .mgroup > header { margin: 0 0 11px; text-align: left; } - /* A THIRD VOICE (2026-08-31, Oliver: "wechsle mal die schrift"). The game bundles exactly two - faces and both were taken on this screen — Bangers is the screen title, Silkscreen is the - posters' own captions — so a section heading in either was always going to sound like - something else. This is the UI's own voice: the platform's interface face, heavy, tracked - wide, upper case. It reads as chrome rather than as art, which is what a shelf label IS. */ + /* THE SHELF LABELS SHOUT, quietly (2026-08-31, Oliver tried three: Bangers first, then the HUD + face, then the platform's UI face, and came back to the announcement face). It works here now + because the header lost its rule and its band and gained air: the size does the hierarchy + (20 against the screen title's 26) instead of the typeface having to. */ /* SCOPED TO THE HEADER, not to the section: the posters live INSIDE .mgroup now, so a bare descendant selector here restyled every caption on the wall (it stayed invisible while this rule still named Silkscreen — the moment the family changed, the posters changed with it). */ - #modeList .mgroup > header b { display: block; letter-spacing: 3px; color: var(--acid); - text-shadow: none; - font: 800 13px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } - #modeList .mgroup > header i { display: block; margin: 5px 0 0; letter-spacing: 0.6px; + #modeList .mgroup > header b { display: block; letter-spacing: 1.5px; color: var(--acid); + text-shadow: none; font: 400 20px/1.15 Bangers, cursive; } + /* ...and the strap goes back to the quiet register under it: a shouted line over a system-sans + line was two foreign voices in one header */ + #modeList .mgroup > header i { display: block; margin: 4px 0 0; letter-spacing: 0.5px; color: var(--dim); font-style: normal; text-shadow: none; - font: 500 10.5px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } + font: 400 9px/1.4 Silkscreen, monospace; } /* the canonical room is named in the primary's colour — the one that moves your career */ #modeList .mgroup:first-child b { color: #f0a08e; } #modeList .mgroup button.mode:last-child { margin-bottom: 0; }