zebra-report/web
Russell Ballestrini af1e5d4b55
zebra-spaces: 3-column layout — cameras left, screen middle, controls right
Replaces the PiP overlay with a real 3-column grid: a narrow left
column carrying cameras stacked vertically, the timeline/screen in
the middle, controls on the right.

Layout rules:
- cameras-col is 220px wide on desktop, hidden via .hidden when no
  cameras are live (zero-cost when nobody has a webcam on — keeps
  the original two-column feel for typical mic-only rooms)
- hide-panel still folds away the right column → 2-col cameras+screen
- on <800px viewports all three stack vertically: controls, then
  timeline (or screen), then cameras as a multi-column grid

Camera tiles are now single-column stacked with a 16:9 aspect-ratio
letterbox so face-cams stay readable regardless of incoming resolution.
2026-06-02 08:58:55 -04:00
..
blog phase 1: unfirehose reconstruction from session JSONL ingest 2026-05-27 13:51:14 -04:00
fonts phase 2: gap analysis — cat>> append + binary asset recovery 2026-05-27 13:54:19 -04:00
chat.html zebra: dark mode default on all pages + unified theme key 2026-06-01 22:18:02 -04:00
host-your-own.html zebra: dark mode default on all pages + unified theme key 2026-06-01 22:18:02 -04:00
how-it-works.html zebra: dark mode default on all pages + unified theme key 2026-06-01 22:18:02 -04:00
index.html web: bump mobile body padding from 1rem to 1.25rem so the right edge has visible breathing room 2026-05-31 14:13:25 -04:00
kernel.html web: bump mobile body padding from 1rem to 1.25rem so the right edge has visible breathing room 2026-05-31 14:13:25 -04:00
stamp.js web: stamp each zebra-report page with build date + md5/sha256 2026-05-28 17:50:12 -04:00
zebra-audio.html zebra: dark mode default on all pages + unified theme key 2026-06-01 22:18:02 -04:00
zebra-spaces.html zebra-spaces: 3-column layout — cameras left, screen middle, controls right 2026-06-02 08:58:55 -04:00