Laurel Display Awards Block for React

Edit AWARDS at the top of the file. Each award has a programme, a short title the wreath frames ("Gold", "Top 10"), its category, its issuer and the year, a fixed number: an award given in 2025 stays 2025. lettering sets the title's type on the badge, and pairs and spread shape its wreath, so each programme's badge looks like its own. Mark one award featured to make it the lead: it's drawn larger, in the middle from lg. With five awards every row of the band is full; for four or six, change the grid's columns to match.

No. Thistlemere, Fenwold, Calderby, Gannetby and Kestwick are made-up programmes and Brumewick a made-up app. The wreaths are drawn by the block, not copied from any award body. If you show a real award, use its name in text, and use its official laurel or logo only if its rules allow it.

Laurel draws a wreath that fills its box, in the box's text colour, so set the size on the box around it. pairs is the number of leaf pairs on each branch, spread how far each branch climbs in degrees (about 110 to 150), and the leaves grow to fill the stem between them. weight="line" outlines the leaves on a faint fill; "solid" fills them. ribbon ties a ribbon across the stems for the year or a word. For a small mark under 32 pixels, like the one beside the tally, use three or four pairs in the line weight. On a card, mix the faint fill with --card instead of --background.

It's counted from AWARDS: the number of awards and the earliest year among them. Add or remove an award and the line updates itself, so the header always matches the band.

The awards are a list named Awards. Each item opens with the programme as a heading, then the title and year from the badge ("Gold, 2025"), then the category and the issuer as a description list whose terms are visually hidden. The wreath is a drawing hidden from assistive technology, so nothing depends on it, and each year sits in a bdi element so it keeps its order in a right-to-left layout.

The lead award takes the first row on its own and the other four run two across beneath it, with the wreaths a size smaller; from md they run four across, and from lg all five share one row with the lead in the middle. Names and categories wrap inside their cells, and nothing scrolls sideways at 320 pixels. In a right-to-left layout the order mirrors and the wreaths, being symmetric, stay as drawn.