The board page reads as a timeline

[ExtraToast]

Parent

#922

What to build

/board opens on the board in office, as an island page rather than a Vuetify one. A timeline across the top carries every board the association has had; choosing one shows it, and the url follows so a board can be linked to. The board's group photograph is a full-bleed band cut on the island's own diagonal with its number set large in Roman numerals across it, and a board with no photograph keeps the band, filled with the board's own colour and its numeral.

Seats still render through the existing row component in this ticket.

Acceptance criteria

• /board is a full island page: an island header with an eyebrow, a headline and an intro, then the timeline, the band, the identity block, the seats, and a closing band. The Vuetify top banner is gone
• The island header and closing band copy is drafted and approved before this closes
• The page opens on the board in office when the url names no board
• The timeline carries every board; each stop shows the board's name, composed from its number where it has none, with the academic year beneath it
• The board in office is marked as in office
• The lit stretch of the timeline ends on the board being read
• Choosing a board shows it and puts it in the url; the back button returns to the board read before
• The identity block reads the board's number as a Roman numeral and its academic year as two calendar years, then the name, then the cheer distinctly from the description
• A blank name, cheer or description renders nothing rather than a placeholder
• A board with a photograph shows it as a full-bleed band cut on the island's diagonal, the Roman numeral across the lower cut, a scrim under the text only
• A board with no photograph keeps the band and its height, filled with the board's own colour, the numeral centred
• A board with no colour of its own draws in the association's blue, and a board's chosen colour stays readable in light mode
• Nothing animates for a reader who has asked for reduced motion
• The timeline, the band and the identity block all work stacked on a phone
• A large photograph does not cost a reader the page on a slow connection

Blocked by

• The island is the site's, not esports' #923
• The nine boards come from CSV files #927
• A board and a seat carry an uploaded photograph #929