Events
The components that present an event across a hub.
The Events family
Building outThe components that present an event across a hub, in seven buckets.
Cards 4C · 6C · 12C
A single event as one object, the building block placed into listings and grids. Its variants are designed.
Players composite
The Video Player framed for the hub around a single event. Player + Side Panel is the first variant.
Banners block
A single event promoted at full width, where the media defines the background container the block sits on.
Heros 12C
A single event or series at full width. The section's artwork or media drives the surface behind the block.
Headers 12C
The full-width header that leads a single event's page: attendance, date, title, location and Register, with an optional partner lockup.
Listings 4C · 6C
Enumerates a set of events (event[]), a self-contained multi-event lister for a 4C / 6C slot. Full-width listing is a Block behaviour.
Backchannel 8C
A single event or series surfaced in the Wavecast Backchannel, wrapped in a social or news context.
Modelling notes
- Cardinality is the contract. Cards, Players, Banners, Heros, Headers and Backchannel are six singular presentations of one event (event); Listings is the one plural bucket (event[]). Card vs Listing is decided by cardinality, not appearance.
- Card vs Listing. A Card is the single-event object, the atom. A Listing arranges a set of cards. Single-event cards are designed (Foreseeable 4C, 5050 6C); multi-event listing components are still to come.
- A Player is a composite. It frames the Video Player around one event, arranging existing components (the FW event card, the player, side panels and metadata) into one reading layout rather than defining new slot anatomy.
- Full-width listing is a Block, not a component. At full width the Block arranges cards itself; a Listing component is only needed inside a sub-page (4C/6C) container. Full-width listing lives in the Block tier.
- The media role. A Hero is transparent, so its section's artwork or media shows behind it. A Banner's media defines the background container it sits on. A full-width Card keeps its media as a discrete container, always stacked or side by side, never the background.
- States are live / replay only, real event facts. Live/Replay modifies a component (a prop flips); replay-only content selects a distinct variant, not a toggled state.
- Housekeeping. Featured is removed; its variants are the 5050 Cards group. Spotlight is parked (a plural Listing feature). Session Cards are a sibling family. Selector logic (status → which component renders) is runtime, Bruno's domain.
Seven buckets: Cards, Players, Banners, Heros, Headers, Listings, Backchannel. Six are singular presentations of one event; Listings is the plural set. Card vs Listing is decided by cardinality (one event vs many).