Author Leaderboard Blog Block for React

By posts in the chosen period, most first, with ties going to the name. orderFor(period) sorts the WRITERS list, and each row is a rank slot that takes the writer holding that rank, so the rows keep their place and only their text, bar and dots change. The toggle's choice is announced in a polite status line ("Ranked by posts this year.").

A filled dot is a week in which the writer published, for the last twelve weeks, oldest first; a faint one is a week without a post. The row of dots is one image with the label "Posted in 11 of the last 12 weeks", and the dots show the same in both periods. A phone hides them and writes the same count as text under the name.

Edit WRITERS at the top of the file: a name, a beat, the posts for the year and for all time, and the last twelve weeks as 1 or 0. Counts, bars, ranks and the dots' summary are derived. The posts counts and the weeks are example data.

It's a single-choice group that always keeps one option on: Tab moves to it, the arrow keys move between This year and All time, and Space or Enter chooses. On this library the arrow keys move focus within the group the same way.

The toggle sits under the heading, each row keeps its rank, avatar, name, bar and count, and the streak becomes a line of words. The block is about one and a half screens and nothing scrolls sideways at 320 pixels.

Yes. The rows mirror, the numbers are isolated with bdi, and the bars and dots stay in a left-to-right box because they are charts.