KQ-399 · READING/RULER
Reading Ruler
A reading aid: a horizontal band follows the cursor and keeps the current line crisp and warm while everything above and below softens and dims. The band snaps to the line height under the pointer, read from the real DOM, so it always frames a whole line of type.
Fieldline · plot C, week 9
The reed bed survey, written up.
Water stayed high through the count, which kept the boardwalk crew off two of the southern plots until Thursday. Where we did reach, the reed stood thick enough that most calls came before any bird broke cover, so the tally below leans on song more than sight.
Plot C held steady against last season, with the sedge warblers back in the same stand of reed they used the year before. The harrier over D1 was a single pass, not a hunt, and it did not return before we packed the scopes.
Bearded tits ran in one loose flock rather than the usual pairs, which the crew put down to the wind. Next week's count moves to plot E, weather allowing, with the same start time at first light.
| Plot | Species | Count | Note |
|---|---|---|---|
| C3 | sedge warbler | 6 | nesting |
| C7 | marsh harrier | 1 | passing |
| D1 | bearded tit | 14 | flocking |
one line at a time
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/reading-ruler
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| height / softness | number | — | Band height in px (auto from the line under the pointer when 0) and the feather above and below. |
| dim / blur / tint | number · number · string | — | How much the rest dims, how much it softens, and the band's warm tint. |
| snap | boolean | — | Snap the band to the line box under the pointer. |