prosolis
a15d67e210
Every text-[color:var(--ink)]/50, border-[color:var(--ink)]/10 and
bg-[color:var(--ink)]/5 in the templates compiled to nothing. Tailwind v3
cannot put an opacity on an arbitrary var() colour, so all 538 of them were
dropped from output.css without a word. Meta text rendered at full ink, card
borders fell back to Tailwind's default grey (bright white rings at night),
and the washes, backdrops and hover pills simply weren't there, on the news
site, the casino and the adventure pages alike.
The palette is now written once per phase and casino room as bare rgb
channels (--ink-rgb and friends), the plain vars are built from them, and
tailwind.config.js exposes ink, muted, accent, warn and card as real colours.
The classes are text-ink/80, border-ink/10, bg-accent/20 now, and they compile.
Restoring the intended opacities as-is would have traded flat for illegible:
ink at 50% measures 2.7 to 2.9:1 on the lit phases. So secondary text gets
its own colour, --muted, per phase and per casino room, taken as faint as it
can go while still clearing 4.5:1 on both the card and the page. Everything
that was ink at 35 to 70% is text-muted. The 20-30% ones are separators and
empty-cell dashes and stay faint.
The bg-theme-* chips carry white text everywhere they appear, and eight of
them measured 2.5 to 3.2:1. Same hues, taken just dark enough to pass (4.6 to
4.7:1). eu, lego and adventure already passed and are unchanged, and the
underline and border colours keep the old pastels since they carry no text.
Static files came out of the embedded FS with no Last-Modified, no ETag and
no Cache-Control, so every page view downloaded the stylesheet and every
script in full, and the service worker's "cheap 304" never happened. Each
file is hashed once now. Templates link through {{asset}}, which appends
?v=<hash>; a request naming the current hash is served immutable for a year,
and everything else gets the hash as its ETag and revalidates to a 304. The
service worker serves versioned URLs cache-first, drops older versions of the
same file as new ones land, and moves to cache v6.
71 lines
3.7 KiB
HTML
71 lines
3.7 KiB
HTML
{{define "title"}}{{.Room.Name}}{{end}}
|
|
|
|
{{/* The front door: the only page in here a stranger is allowed to see.
|
|
|
|
It exists because a link has to unfurl into something, and because a casino
|
|
whose first move is to shove you at an auth screen is a casino you'd assume
|
|
was broken. Nothing on this page can be played — every table below sends you
|
|
through sign-in first, and comes back to the table you picked. */}}
|
|
|
|
{{define "main"}}
|
|
<div class="space-y-8">
|
|
|
|
<section class="rounded-3xl bg-card p-6 sm:p-10 shadow-pete border-2 border-ink/10">
|
|
{{/* No decoration in here on purpose. The chip stacks want the casino's JS,
|
|
which the door doesn't load, and an emoji big enough to balance the hero
|
|
is an emoji that isn't on every machine. The share card carries the
|
|
pictures; the door carries the way in. */}}
|
|
<div class="flex flex-wrap items-center justify-between gap-6">
|
|
<div class="min-w-0 max-w-2xl">
|
|
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-accent">The doors are open</p>
|
|
<h1 class="mt-2 font-display text-3xl sm:text-5xl font-bold">{{.Room.Name}}</h1>
|
|
<p class="mt-3 text-muted">
|
|
Six tables, played against the house and its bots, for the same euros you
|
|
already have. A chip is worth a euro, the house takes {{.RakePct}}% of what you
|
|
win and nothing at all when you lose, and whatever you don't spend comes
|
|
back when you cash out.
|
|
</p>
|
|
<div class="mt-6 flex flex-wrap items-center gap-3">
|
|
<a href="/auth/login?next=/games"
|
|
class="inline-flex items-center gap-2 rounded-full bg-accent px-6 py-3 font-display text-lg font-bold text-[#20180c] shadow-pete hover:-translate-y-0.5 hover:shadow-pete-lg transition">
|
|
Sign in and sit down
|
|
</a>
|
|
<span class="text-sm text-muted">You'll need a parodia.dev account.</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="font-display text-2xl font-bold mb-4">The tables</h2>
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
{{template "_door_table" dict "Href" "/games/blackjack" "Emoji" "🃏" "Name" "Blackjack" "Line" "Six decks, blackjack pays 3:2."}}
|
|
{{template "_door_table" dict "Href" "/games/holdem" "Emoji" "♠️" "Name" "Texas hold'em" "Line" "A cash game against bots that were trained on it."}}
|
|
{{template "_door_table" dict "Href" "/games/uno" "Emoji" "🎴" "Name" "UNO" "Line" "Three tables, and a No Mercy deck that bites."}}
|
|
{{template "_door_table" dict "Href" "/games/trivia" "Emoji" "🧠" "Name" "Trivia" "Line" "A ladder. Climb it or bank it."}}
|
|
{{template "_door_table" dict "Href" "/games/hangman" "Emoji" "🔤" "Name" "Hangman" "Line" "Longer words pay more, for the obvious reason."}}
|
|
{{template "_door_table" dict "Href" "/games/solitaire" "Emoji" "🂡" "Name" "Solitaire" "Line" "Klondike, and the deal you pick sets the price."}}
|
|
</div>
|
|
</section>
|
|
|
|
<p class="pb-2 text-center text-sm text-muted">
|
|
{{if eq .Room.Slug "casinopolis"}}The lights come on at six, and the place changes its name.
|
|
{{else}}It goes back to being Casinopolis at six in the morning.{{end}}
|
|
</p>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{define "_door_table"}}
|
|
<a href="{{.Href}}"
|
|
class="group rounded-3xl bg-card p-6 shadow-pete border-2 border-ink/10 hover:-translate-y-0.5 hover:shadow-pete-lg transition">
|
|
<div class="flex items-center gap-3">
|
|
<span class="grid h-12 w-12 shrink-0 place-items-center rounded-2xl bg-accent/25 text-2xl">{{.Emoji}}</span>
|
|
<div class="min-w-0">
|
|
<h3 class="font-display text-xl font-bold">{{.Name}}</h3>
|
|
<p class="text-sm text-muted">{{.Line}}</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{{end}}
|