Covers: the Notes sway and the Blog's prose writes in on hover (#157)

[jacobcheatley]

Closes #157.

What

The Sticky Notes and Blog Covers answer hover and keyboard focus with a motion of their own, beside the shared lift from ProjectLink.

• Sticky Notes: the three Notes swing 3° about the paper's top edge on the same 350ms spring the Showdown Cover uses, the side Notes clockwise and the centre Note anticlockwise, and swing back on release. The sway is a wrapper inside each Note's rotated container, so the rest layout is unchanged.
• Blog: the three greeked prose lines write in top to bottom, a 300ms ease-out keyframe animation per line with an 80ms stagger. The rest state is unchanged; leaving cancels the animation.
• Both are motion-safe: gated and do nothing on touch. The Cover glossary entry in CONTEXT.md states the rule.

Verification

• bun run check green; bun run test 46 files / 605 tests green; the Projects test is unchanged.
• Headless Chromium against bun run dev: on hover the Notes' computed rotate is 3°, 3°, −3° about a pivot 7.4% down the box (the paper's edge below the fastener headroom) and returns to rest; the Blog's third line holds at zero width through its stagger delay; keyboard focus plays the same; under prefers-reduced-motion: reduce nothing moves; the rest screenshot matches main.
• Two-axis review (standards + spec) run; its findings (pivot above the fastener, a four-line comment, both where backwards is the working half) are fixed in the second commit.

By hand

The motion's feel, and that a phone does nothing on tap, are the owner's by-hand checks, as with the Showdown Cover.

🤖 Generated with Claude Code