drwily/Pete
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

games: brighter marquee bulbs, a chase that loops, and no more subtitle

Browse Source 
The Casino Night light strip was a dim blurred stripe that jumped every
cycle (it slid further than the bulb pattern repeats). Now it's a row of
round bulbs with a white-hot core and a real glow, and the chase travels
exactly one bulb-period so it loops seamlessly. Dropped the 'Chips are
euros' line under the room name; the welcome card and house rules already
say it.

Claude-Session: https://claude.ai/code/session_013M5nD7PgUboJXoDcYHzpuJ
This commit is contained in:
prosolis
2026-07-14 20:26:48 -07:00
parent e5af5326d5
commit 983748ea98
3 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
internal/web/static/css/input.css
View File

@@ -2096,22 +2096,30 @@ html[data-room] .cs-room {
radial-gradient(120% 90% at 50% 120%, rgba(0,0,0,0.45), transparent 55%); radial-gradient(120% 90% at 50% 120%, rgba(0,0,0,0.45), transparent 55%);
} }
/* Casino Night is lit by bulbs, so it gets a few of them: a slow chase across /* Casino Night is lit by bulbs, so it gets a row of them: a slow chase across
the top of the room. Cheap (one gradient, one transform) and it makes the the top of the room. One radial tile repeated, one transform — each bulb is a
place feel plugged in rather than painted. */ hot white core in a yellow body, and the glow is a pair of drop-shadows so it
actually throws light rather than being a painted dot. */
html[data-room="casino-night"] .cs-room::before { html[data-room="casino-night"] .cs-room::before {
content: ""; content: "";
position: absolute; position: absolute;
inset: 0 -50% auto -50%; inset: 0.4rem -50% auto -50%;
height: 0.5rem; height: 0.7rem;
background: repeating-linear-gradient(90deg, background:
rgba(255,204,47,0.55) 0 0.5rem, transparent 0.5rem 2.25rem); radial-gradient(circle at center,
filter: blur(1px); #fffbe6 0 0.14rem,
animation: cs-bulbs 2.4s linear infinite; #ffcc2f 0.14rem 0.26rem,
rgba(255,204,47,0.45) 0.26rem 0.42rem,
transparent 0.44rem)
0.3rem 50% / 1.9rem 100% repeat-x;
filter:
drop-shadow(0 0 3px rgba(255,214,90,0.95))
drop-shadow(0 0 10px rgba(255,204,47,0.6));
animation: cs-bulbs 1.8s linear infinite;
} }
@keyframes cs-bulbs { @keyframes cs-bulbs {
from { transform: translateX(0); } from { transform: translateX(0); }
to { transform: translateX(2.75rem); } to { transform: translateX(1.9rem); }
} }
/* The house shadow, restruck for a dark room: the news app's soft brown lift is /* The house shadow, restruck for a dark room: the news app's soft brown lift is

2
internal/web/static/css/output.css
View File

File diff suppressed because one or more lines are too long

1
internal/web/templates/games_layout.html
View File

@@ -68,7 +68,6 @@
{{template "_comb" .}} {{template "_comb" .}}
<span class="min-w-0"> <span class="min-w-0">
<span data-room-name class="block font-display text-2xl sm:text-3xl font-bold leading-none tracking-tight">{{.Room.Name}}</span> <span data-room-name class="block font-display text-2xl sm:text-3xl font-bold leading-none tracking-tight">{{.Room.Name}}</span>
<span class="mt-1 block text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--ink)]/45">Chips are euros</span>
</span> </span>
</a> </a>