Organisation Profile Awards Block for React

Edit AWARDS at the top of the file: a title, a category and a fixed date for each. The total in the donut, the arcs, the shares, the legend, the line naming the other categories and the three most recent wins are all worked out from it. The facts (founded, headquarters, team size) are in FACTS.

Each category's count divided by the total, rounded down to a whole percent, with the percent that is left over given to the categories with the largest remainders, so the five shares always add up to exactly 100. Categories are ordered by count and then A to Z, which also decides which arc is darkest.

It is five circle arcs in an SVG, in solid foreground weights from dark to light, with a small gap between them. The drawing is hidden from assistive technology: the total, the top three categories with their counts and shares, and the other categories are all in text beside it.

The three awards with the latest dates in the list, newest first. Dates are fixed in the data and formatted without a time zone, so a win on a given day never moves with the visitor.

The facts sit under the header, the two cells stack with the donut cell first, and the donut becomes smaller and sits above its legend. Nothing scrolls sideways at 320 pixels.

No. Hollinger, the Orchidgate Register, the headquarters and every award are invented. Replace them with your own profile and awards.