manzolo/leggenda-del-regolo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Si sceglie il rione all'inizio: Piazza, Pieve, Cardetole o Campomigliaio

Browse Source 
Dopo «Nuova partita» la domanda «Per chi corri quest'anno?» con i quattro rioni nei loro colori; la scelta resta
nella partita (rione:<id>) e cambia la riga dell'introduzione e le battute sul rione di Andrea. Voci nuove.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ApqNBvNbNCwXqR2RLo8QJh
This commit is contained in:
manzolo
2026-10-24 15:04:15 +02:00
co-authored by Claude Opus 5.5
parent ee6c03a04d
commit 94a5479645
20 changed files with 149 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+11 -1
View File
@@ -84,7 +84,7 @@ body { display: flex; justify-content: center; overflow-x: hidden; -webkit-tap-h
come un'aggiunta a mano; dopo 4,3 s sfuma (il JavaScript lo toglie a 5 s). */
/* Cartello, titolo, introduzione e crediti a tutto schermo: sul telefono la scena è piccola e non si leggerebbe niente.
Il volume resta raggiungibile sopra di loro. */
#splash, #title, #intro { position: fixed; inset: 0; z-index: 10; }
#splash, #title, #intro, #rione { position: fixed; inset: 0; z-index: 10; }
#credits { position: fixed; inset: 0; z-index: 12; }
body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-inset-top)); right: 8px; }
/* Le illustrazioni si vedono sempre intere (contain): sul telefono in verticale il titolo sta sopra e i pulsanti
@@ -212,3 +212,13 @@ body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-ins
}
#error { position: fixed; inset: auto 16px 16px; padding: 12px; background: #7a1f1f; color: #fff; border-radius: 6px; }
/* La scelta del rione: quattro bandiere col colore del rione, sopra il panorama come l'introduzione. */
#rione { padding-top: 48px; background: linear-gradient(rgba(20, 12, 30, .72), rgba(20, 12, 30, .86)), url(assets/scenes/panorama-intro.png) center / cover; image-rendering: pixelated; }
#rione h2 { font-size: clamp(14px, 3vw, 28px); text-align: center; }
#rione-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(92%, 34em); }
#rione-buttons button { display: flex; flex-direction: column; align-items: center; gap: .5em; padding: 1em .5em; font: clamp(11px, 1.8vw, 16px) var(--font);
color: var(--ink); background: rgba(27, 20, 32, .85); border: 3px solid var(--rione); border-left-width: 14px; border-radius: 8px; cursor: pointer; }
#rione-buttons button:hover, #rione-buttons button:focus-visible { background: color-mix(in srgb, var(--rione) 30%, #1b1420); }
#rione-buttons .rione-colors { font-size: .7em; color: var(--rione); }
#rione .hint { color: var(--dim); font-size: clamp(8px, 1.2vw, 11px); text-align: center; }