Year Rail Timeline Awards Block for React

Edit AWARDS at the top of the file: each has a title, a programme, a category, a shape for its drawn mark and a fixed date (YYYY-MM-DD). The years, the groups, the header tally and the count on the button are all derived from that list. RECENT takes the newest two years and EARLIER the rest; change the 2 in both slices to show more or fewer on load.

An award won in 2025 stays 2025, so each one carries its date as data and is formatted in UTC, the same on the server and in the browser. Nothing in the block reads the clock.

It is the catalog Collapsible: the button toggles the older years, its label stays the same and the library sets its expanded state for assistive technology, and the chevron turns while it is open. The line beside the label counts the hidden years and awards from the same list.

An ordered list named "Awards by year", each year a heading with its own list of awards, and each award a heading followed by its programme and category and its date in a time element. The nodes and marks are drawings hidden from assistive technology, and each year sits in a bdi element so it keeps its order in a right-to-left layout.

The rail and the years stay on the start side in one column. The drawn marks hide below the sm breakpoint to give the text room, and the programme and category wrap under the award. Nothing scrolls sideways at 320 pixels.

No. Maplewood, Quartzwick and Illingworth are made up, and the marks are drawn by the block. If you show a real award, use its name in text, and its official badge only if its rules allow it.