Coverage Ledger Press Awards Block for React

Edit STORIES at the top of the file. Each story has a publication, a headline, a kind (Feature, Interview or Ranking), an ISO date such as 2025-11-12 and a lettering string that sets the publication's wordmark. The dates are fixed in the data, so a story from 2025 stays 2025. Keep them newest first: the order of the array is the order of the rows.

It's counted from STORIES: the number of stories, the number of different publications and the earliest year. Add a story and the line updates itself, so the header always matches the rows below it.

No. The Hazelbridge Courier, The Penwold Review, The Fernlock Dispatch and The Selworth Ledger are made up, and so are the headlines. The wordmarks are plain lettering, not logos. If you list real coverage, use the publication's name in text and its official logo only if its press guidelines allow it.

Every headline is a link with href="#": point it at the article. The link stretches over its whole row with a pseudo-element, so the row is the target, and keyboard focus draws a ring inside the row. There is no extra link to tab through.

The ledger is a list named Press coverage. Each row is an article that reads the publication, then the headline as a third-level heading holding the link, then the type and the date. The date is a time element inside a bdi, so it keeps its order in a right-to-left layout, and the arrow beside it is hidden from assistive technology.

Below lg each row stacks: the publication's wordmark above the headline, then the type badge and the date under it, with the arrow hidden. From lg the row is three columns: wordmark, headline, then type and date. Nothing scrolls sideways at 320 pixels, and in a right-to-left layout the columns mirror.