wuwi/splatter-tennis
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The shelf labels take the announcement face after all

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Fable 5 committed 2026-08-31 13:38:31 +02:00
1 parent 924838c9c1
commit 579b45973a
1 file changed
+10 -10
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -10
View File
@@ -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' header is a header, and headers on this screen are left-aligned (the .hdr title, the posters'
own captions) */ own captions) */
#modeList .mgroup > header { margin: 0 0 11px; text-align: left; } #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 /* THE SHELF LABELS SHOUT, quietly (2026-08-31, Oliver tried three: Bangers first, then the HUD
faces and both were taken on this screen — Bangers is the screen title, Silkscreen is the face, then the platform's UI face, and came back to the announcement face). It works here now
posters' own captions — so a section heading in either was always going to sound like because the header lost its rule and its band and gained air: the size does the hierarchy
something else. This is the UI's own voice: the platform's interface face, heavy, tracked (20 against the screen title's 26) instead of the typeface having to. */
wide, upper case. It reads as chrome rather than as art, which is what a shelf label IS. */
/* SCOPED TO THE HEADER, not to the section: the posters live INSIDE .mgroup now, so a bare /* 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 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). */ 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); #modeList .mgroup > header b { display: block; letter-spacing: 1.5px; color: var(--acid);
text-shadow: none; text-shadow: none; font: 400 20px/1.15 Bangers, cursive; }
font: 800 13px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } /* ...and the strap goes back to the quiet register under it: a shouted line over a system-sans
#modeList .mgroup > header i { display: block; margin: 5px 0 0; letter-spacing: 0.6px; 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; 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 */ /* 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:first-child b { color: #f0a08e; }
#modeList .mgroup button.mode:last-child { margin-bottom: 0; } #modeList .mgroup button.mode:last-child { margin-bottom: 0; }