From 1e5f66c2b6e72020ee945a862d9caaeea884c4cd Mon Sep 17 00:00:00 2001 From: Andrea Manzi Date: Mon, 26 Oct 2026 23:38:57 +0100 Subject: [PATCH] =?UTF-8?q?Cartello:=20finch=C3=A9=20il=20browser=20aspett?= =?UTF-8?q?a=20il=20tocco=20per=20il=20suono,=20le=20scritte=20restano=20f?= =?UTF-8?q?erme=20e=20si=20vede=20solo=20=C2=ABTocca=20per=20cominciare?= =?UTF-8?q?=C2=BB=20(prima=20era=20invisibile);=20al=20tocco=20partono=20i?= =?UTF-8?q?nsieme=20alla=20musichetta,=20e=20=C2=AB(Poca)=C2=BB=20cade=20s?= =?UTF-8?q?ul=20suo=20rumorino=20(Andrea:=20=C2=ABera=20carino=20che=20il?= =?UTF-8?q?=20suono=20comparisse=20appena=20si=20vedeva=C2=BB)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01A1dxvtsZx8NE9fwjXUNDBr --- style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 9f46b5c..d4cc190 100644 --- a/style.css +++ b/style.css @@ -166,7 +166,10 @@ body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-ins #splash .splash-present { font-size: clamp(12px, 2.6vw, 26px); } /* Compare solo se il browser aspetta un gesto per il suono (#splash.wait, main.js). */ #splash .splash-hint { display: none; margin-top: 2em; font-size: clamp(9px, 1.6vw, 14px); color: var(--dim); animation: blink 1.6s steps(1) infinite; } -#splash.wait .splash-hint { display: block; } +#splash.wait .splash-hint { display: block; opacity: 1; } +/* Finché si aspetta il tocco le scritte restano ferme all'inizio: partono insieme alla musichetta, e la caduta di + «(Poca)» cade sul suo rumorino (Andrea, 26 ottobre). */ +#splash.wait .splash-name, #splash.wait .splash-art, #splash.wait .splash-art span, #splash.wait .splash-present { animation-play-state: paused; } @keyframes blink { 50% { opacity: .25; } } #title .subtitle { font-size: max(10px, calc(var(--u) * 1.8)); } #title .dedication { font-size: max(9px, calc(var(--u) * 1.5)); }