Venue Marquee
A club’s site on the night, under a brass flip-dot marquee. Tonight’s acts clatter in one at a time, amber discs resolving into a name, over the running order and the tickets.
Built with Flip-Dot
What it is for
A venue's tonight: a club, a music hall, a theatre, a cinema's showings or a festival stage, where the line-up is the product and the sign is how a venue has always announced it.
Everything you set here is what the Code and Prompt tabs give you.
Seats open in 11 days. Want one email that morning?
Datasheet
- Mechanism
- Scatter wave arrival, Per line disc fitting, Wall bracket mount, List driven sign, Pausable rotation, Visibility gated timer, Reduced motion static sign
- Stack
- Vanilla ES modules, CSS, Canvas 2D, Container queries
- Needs
- Flip-Dot
- States
- 9 documented
- Version
- 0.1.0
- Licence
- With a Pass
States
- ArrivalThe marquee writes TONIGHT and the shortened date in with the wave when it first comes into view.
- RotatingEvery 5.6 s while seen the next act clatters in: the name in amber (large face), time and room in white (small face), only the discs that differ flipping, at random moments with the scatter wave.
- ChosenAn act row is a real button: pressing it writes that act on the sign and presses the row (aria-pressed, accent bar, accent time); the rotation rests 14 s.
- PausedA real toggle (aria-pressed) stops the rotation (WCAG 2.2.2) with a play/pause glyph.
- PaletteSodium (amber on near-black) or ultraviolet (lilac on violet-black); fitting sodium, white or signal; brass, ink, graphite or steel housing; wall, hanging or no mount.
- TabletThe running order and the ticket card stack; the card turns sideways, releases left and the price and button right.
- PhoneUnder a 720 px container the bar wraps with the nav on its own scrolling row, the meta stacks one fact a line, the act rows restack (time and room, then name, then note).
- Reduced motionEvery name swaps in at once and no frame is requested; the rotation is off; every act is in the running order and on the sign when chosen.
- Off screenThe rotation timer stops and the sign sleeps.
Notes
The running order drives the sign; the ticket card sells the night.
Original composition. The Undercroft, its address and every act are invented. Imagery is CSS drawn for the scene; the marquee is the Flip-Dot with its wall mount. Faces: Boldonse and Geist Mono (SIL OFL 1.1), Latin subsets as WOFF2.
Anatomy
Scatter wave arrival, Per line disc fitting, Wall bracket mount, List driven sign, Pausable rotation, Visibility gated timer, Reduced motion static sign
Usage notes
A venue's tonight: a club, a music hall, a theatre, a cinema's showings or a festival stage, where the line-up is the product and the sign is how a venue has always announced it. The running order drives the sign; the ticket card sells the night.
Options
| Option | Type | Description |
|---|---|---|
| club | text | Club |
| address | text | Address |
| date | text | Weekday, day, month. |
| doors | text | Doors |
| headline | text | Headline |
| cta | text | The price is added from the release on sale. |
| ctaHref | text | Button link |
| palette | enum | Sodium amber on black brick, or the ultraviolet late room. |
| scheme | enum | The name line’s discs; the time line is always white. |
| finish | enum | Housing |
| glass | boolean | Glass cover |
| mount | enum | Bolted to the wall on brackets, hung on rods, or neither. |
| wave | enum | Scatter clatters every disc in at random: a name arrives as noise and resolves. |
| light | number | Light from (degrees) |
| rotate | boolean | A new act every few seconds while the sign is seen, with a pause button. |
Methods
- root
- sign
- shown
- show
- update
- destroy
How it works
Original composition. The Undercroft, its address and every act are invented. Imagery is CSS drawn for the scene; the marquee is the Flip-Dot with its wall mount.