The boot shows nothing, and every screen opens at its top
Two things the phone found. The splash's loading state was applied by main.js — but this is a module script, so the browser paints the markup, placeholders and all, before it runs: LEVEL 1 stood there and then snapped to the real values. The busy class ships in index.html now and main.js only takes it off; the keyboard hints hide with it. And #intro is the one scroller the menus share, so a scroll earned deep in the stats screen outlived it: going back put the splash up scrolled, with its buttons off screen. go() resets it, at the funnel every stage change passes. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
3d9400cd25
commit
380f98f3a3
3 files changed
+34
-3
No files matched your search
+9
-1
@@ -116,6 +116,9 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
.qBox p { margin: 0 0 6px; font: 400 12px Silkscreen, monospace; color: var(--cream);
|
||||
text-align: center; letter-spacing: 1px; }
|
||||
@media (pointer: coarse) { #hint { display: none; } }
|
||||
/* ...and it is UI like any other: gone while the splash is still loading (the keyboard hints
|
||||
live outside #intro, so this reaches them through the ancestor) */
|
||||
body:has(#splash.busy) #hint { display: none; }
|
||||
/* ---- THE MENU PALETTE. The canvas HUD keeps its own blue-grey and gold; the menus are
|
||||
deliberately a different room — dark court green, one acid accent, and one crimson reserved for
|
||||
the thing you actually came here to press. Five names so a repaint is five edits, not fifty. */
|
||||
@@ -643,7 +646,12 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
|
||||
same backdrop with two buttons, so it read as the title screen failing to advance. -->
|
||||
<!-- three bands: the figures at the top, the title floating in the middle, the buttons under
|
||||
your thumb. Same anchoring as every other screen. -->
|
||||
<div id="splash">
|
||||
<!-- BUSY FROM THE FIRST PAINT (2026-08-31, Oliver: "zeigt sich während des ladens noch immer
|
||||
die box mit LEVEL 1 und springt dann erst auf die tatsächlichen werte"). This module is
|
||||
deferred, so the browser paints this markup BEFORE main.js can add the class — the
|
||||
placeholder values in the tags below were on screen for the whole of that gap. The class
|
||||
ships in the HTML now; main.js only ever takes it OFF (see the boot gate there). -->
|
||||
<div id="splash" class="busy">
|
||||
<div id="hot"></div>
|
||||
<div class="mid">
|
||||
<img class="logo" src="assets/logo.png" alt="Splatter Tennis">
|
||||
|
||||
Reference in new issue
Block a user