Details Awards Block for React

Edit AWARDS at the top of the file. Each sheet has a title, a result ("Gold", "Winner", "Finalist"), the programme, the category, entries (a number), date (an ISO day, such as 2025-03-04) and the prize. The entries are formatted with a fixed locale and the date is written in a fixed locale and zone, so the server and the browser always print the same text. To add a row to every sheet, add a field and a DataListItem.

It is summed from the sheets: the number of awards and the total of their entries. Change a sheet's entries and the header updates, so it always matches the cards.

No. A date is fixed in the data, because an award announced in March 2025 stays March 2025. Each date is a time element with the ISO day as its datetime, so assistive technology and search engines read it exactly.

No. Oakcroft, Emberthorpe and Gannerwick are made-up programmes and Owlcombe a made-up tool; the entry counts and prizes are example figures. The marks are drawn by the block. If you show a real award, use its name in text and its official badge only where its rules allow it.

The three sheets are a list named Award data sheets. Each has the award's name as a heading followed by a description list whose terms (Result, Programme, Category, Entries judged, Announced, Prize) are read with their values. The drawn marks are hidden from assistive technology, and each number and date sits in a bdi element so it keeps its order in a right-to-left layout.

The sheets stack one per row with their lines overshooting by 2rem, so they sit inset from the page's rails. Each description list keeps its label and value side by side, with the value wrapping inside its column; nothing scrolls sideways at 320 pixels.