Scoreboard

Datasheet

Mechanism

Modular flip dot frame, Solved module layout, Distance ordered ripple, Real seconds match clock, Accessible score sentence, Pausable live updates, Visibility gated timer

Stack

Vanilla ES modules, CSS, Canvas 2D, Container queries

Needs

Flip-Dot

States

10 documented

Version

0.1.0

Licence

With a Pass

States

1. At restSeven flip-dot modules in a bolted steel frame: names, two big number modules spanning two rows, the match clock, the period, and a message module scrolling the ground's news; timeline and stats below.
2. ClockA real-seconds match clock while in view; only the changed digits flip; the period follows; the clock stops at full time.
3. GoalEvery other module clears and rewrites in order of its distance from the frame's centre (the ripple), the scoring number turns over, the message writes GOAL! then the minute and scorer; the timeline flashes a new row, shots and on-target bars ease; one polite sentence.
4. PausedA real toggle stops the clock and the goals (WCAG 2.2.2); the lamp reads Paused.
5. Live offNo timers and no pause toggle; the lamp reads Latest.
6. PaletteFloodlight (near-black, amber numbers) or terrace (the club's claret); fitting stadium, amber or white.
7. TabletTimeline and stats stack under 900 px.
8. PhoneUnder a 600 px frame each team takes a row with its number beside it, like a broadcast score bug; the clock and period share a row; the head stacks with one team per line.
9. Reduced motionNo ripple, every change an instant swap, no frames requested; the lamp does not beat; the clock, the goals, the timeline and the stats still update.
10. Off screenThe clock and the goal timers stop and every module sleeps.