Parked sketch — transfer-windows timeline visual (2026-06-04)

DARE.CO.UK · PARKED SKETCH · 2026-06-06

Mirrored from ~/.claude/.../memory/parked_sketch_transfer_windows_timeline_visual_2026-06-04.md. This is a design sketch parked for future build — read for context, not as a current deliverable.

Three-row 24h horizontal timeline (EDT · UTC · SGT) with shaded overlap bands for APAC off-peak + US East working hours; lives at status.gf.cx/transfer-windows/


Dan said the same session the rclone_logspeed wrapper shipped:

“it would be powerful to build a timeline/mapping visual that shows UTC/24 hour windows (US-East Coast - Singapore) so I can mentally map the peak overlaps”

Parked because the session was at 141 messages and hit the context-bloat hook — better quality if built fresh in a focused turn.

Proposed layout (pure HTML + CSS grid, no JS except now-tick):

            00  02  04  06  08  10  12  14  16  18  20  22  24
EDT (UTC-4) ░░░░░░░░░░░░░░░░░░██████WORK███████░░░░░░░░░░░░░░░
UTC         ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
SGT (UTC+8) ████OFF-PEAK████░░░░░░░░░░░░░░░░░░░░░░░░░░████OFF░
                            ↑ now (live tick)

Surface: status.gf.cx/transfer-windows/ + /clock alias in _redirects. Reuses Atkinson Hyperlegible + Newsreader palette (matches /r2/).

Tradeoffs: - Static bake captures the bands cleanly but doesn’t auto-DST. Add ?tz=BST toggle when Dan travels to UK (or read Intl.DateTimeFormat() client-side for the rendering rows). - Could embed live throughput tick from transfers-history.jsonl below the timeline — but scope creep; ship v1 as a planning tool first.

Why this matters: closes the loop on the user_dashboard_one_two_punch_pattern_2026-06-03 principle — the Azure cap report ENDS in “schedule next transfer for APAC off-peak” but doesn’t show Dan WHEN that is at a glance. This visual is the remediation half of that 1-2 punch.

How to apply on resume: 1. New file: ~/Code/status.gf.cx/transfer-windows/index.html 2. Three rows of CSS-grid, 48 columns (30-min granularity) 3. Hard-code the EDT-SGT-UTC mapping (1 EDT row offset from UTC by +4 cols, SGT by -8 cols, accounting for wrap) 4. Now-tick JS reads new Date(), computes minutes-since-UTC-midnight, sets style.left on a vertical bar 5. Add to _redirects: /clock /transfer-windows/ 302 6. Deploy via wrangler_deploy_with_snapshot.sh status-gf-cx so snapshots.gf.cx logs the visual change

Source: parked_sketch_transfer_windows_timeline_visual_2026-06-04.md · Rendered 2026-06-06 14:45