An airport flap display: seamed tiles churn through their drum, cell by cell, and land on the string
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
The string the board lands on. Uppercased automatically. One tile per character, spaces included, 6 to 14 characters reads best; beyond that the tiles get small.
now: 17:42 KEF
Small mono label above the board, e.g. 'DEPARTURES' or 'TODAY'S FARE'. Omit for a bare board.
now: Departures
Short status set hard right on the label line, e.g. 'ON TIME' or 'GATE OPEN'. Omit to leave the line to the label alone.
now: On time
One line of detail under the board rule, set right. Use it for the human-readable version of what the tiles abbreviate.
now: Reykjavík · Gate B14 · LH 4021
A substring of `text` whose tiles carry the accent colour, the destination code, the gate, the amount. Case-insensitive, first match wins.
now: KEF
Which drum the flaps travel through on the way to the target. 'auto' gives digits a digit drum and letters a letter drum (punctuation sits still), which is the most legible. 'mixed' churns letters and numbers together for a noisier, more mechanical run.
now: auto
Brand token id, one of the keys of BRANDS.
now: slate
No Tailwind, no CSS, no asset files. Inline styles only.
An airport split-flap board. A row of dark tiles with a seam across the middle, each character flipping through intermediate glyphs to reach its target, staggered cell by cell, mono type, and it should settle into a still I could hold on.