fix nomi colonne

This commit is contained in:
2026-07-02 14:04:02 +02:00
parent 130d6f944a
commit 0ab7e9f013
2 changed files with 21 additions and 14 deletions

14
app.js
View File

@@ -289,16 +289,10 @@
const ITEM_H = 88;
const reelEls = [$("#reel0"), $("#reel1"), $("#reel2")];
// simbolo (emoji) per ogni stanza — come i simboli di una slot vera
const ROOM_SYMBOL = {
zeus: "⚡", hera: "👑", ignota: "❓", scale: "🪜",
rischio: "🎲", eolo: "🌪️", idro: "💧", argo: "⛵",
};
const symbolOf = (room) => ROOM_SYMBOL[room.id] || "🏠";
function reelItemHTML(room) {
const jz = room.jacuzzi ? " jz" : "";
return `<div class="reel-item${jz}" data-room="${room.id}">${symbolOf(room)}</div>`;
const icon = room.jacuzzi ? '<span class="jz-badge">🛁</span>' : "";
return `<div class="reel-item${jz}" data-room="${room.id}">${icon}<span>${room.nome}</span></div>`;
}
// Costruisce la striscia di un rullo che termina sulla stanza target
@@ -383,7 +377,7 @@
Audio.blip(320, 0.18, "sine", 0.16);
const win = $(".reel-window");
win.classList.add("teasing");
mc(`Ferma su ${fakeRoom.nome} ${symbolOf(fakeRoom)}...? 🤨`);
mc(`Ferma su ${fakeRoom.nome}...? 🤨`);
await sleep(750);
// FASE 3: SCATTO alla stanza vera
@@ -438,7 +432,7 @@
ticking = false;
stopRiser();
zoomMachineSteady();
$("#reel-result").innerHTML = `${symbolOf(targetRoom)} <b>${targetRoom.nome}</b> ${symbolOf(targetRoom)}`;
$("#reel-result").innerHTML = `${targetRoom.jacuzzi ? "🛁 " : ""}<b>${targetRoom.nome}</b>${targetRoom.jacuzzi ? " 🛁" : ""}`;
}
/* ---------- Zoom macchina ---------- */

View File

@@ -343,14 +343,27 @@ body {
.reel-item {
height: 88px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 54px;
line-height: 1;
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
gap: 2px;
padding: 0 6px;
text-align: center;
font-family: "Anton", sans-serif;
font-size: 22px;
line-height: 0.98;
letter-spacing: 0.5px;
color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
overflow: hidden;
}
.reel-item.jz {
filter: drop-shadow(0 0 14px var(--gold-2));
color: var(--gold);
text-shadow: 0 0 12px var(--gold-2);
}
.reel-item .jz-badge {
font-size: 15px;
line-height: 1;
}
/* caption con il nome della stanza risultante */
.reel-result {