docs: update About page to Liner Notes editorial treatment

CLAUDE.md: replace stale Home-primitives description with Liner Notes
layout and note about-rail.ts interop. COMPLETED.md: add redesign
addendum to Phase 12 About Page entry (Direction 1).
This commit is contained in:
daniel-c-harvey
2026-06-17 20:12:12 -04:00
parent f49e196596
commit 9850be8a49
2 changed files with 4 additions and 2 deletions
+2
View File
@@ -20,6 +20,8 @@ Newest entries at the top. Group by phase/wave header (mirroring `PLAN.md` / `CM
**Open follow-ups:** (1) Final photo files for the five image slots (duo hero portrait, full-bleed atmosphere band, Khabran + Daniel bio portraits, hands-on-gear band, closing band). (2) Khabran's bio text (drop-in slot — Daniel's bio drafted from transcript, Khabran's pending). (3) Optional promotion of the duplicated Home section primitives from `About.razor.css` to a shared global stylesheet. (4) Whether CUTS/SESSIONS/MIXES are explained on the page (spec recommends yes, a one-line-per-medium reuse of Home's `.medium-card` grid).
**Redesign — Liner Notes editorial treatment (2026-06-17):** The page was rebuilt from the Home section primitives approach into a distinct **"Liner Notes"** editorial layout. Structure and copy (three-movement People / Process / Product) are unchanged; the visual treatment is entirely new. Key elements: numbered left rail (oversized Bodoni 01/02/03 movement numerals + continuous vertical hairline spine + mono marginalia captions), asymmetric content column, pull-quotes breaking left into the margin, hand-authored SVG waveform movement dividers (a self-contained decorative motif, not the live `WaveformVisualizer` component). The CUTS/SESSIONS/MIXES triptych is now a stacked editorial definition list rather than Home's medium-card image grid. Active-movement highlight on the left rail is progressive enhancement via a new `DeepDrftPublic/Interop/about/about-rail.ts` IntersectionObserver interop (compiled output gitignored). Superseded Home section primitives were removed from `About.razor.css`; the global stylesheet was untouched. Design authority: `product-notes/about-page-distinction.md` (Direction 1).
---
## Phase 15 — Visualizer Controls Enhancements (landed 2026-06-17)