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)
- Three horizontal rows: EDT, UTC, SGT — same 24h x-axis
- Dark green column = the actionable overlap: EDT 10:00–18:00
≡ SGT 22:00–06:00 ≡ UTC 14:00–22:00 = APAC off-peak transfer window
(per
project_azure_tenant_cap_investigation_2026-06-04.md) - Amber band = US East working hours (EDT 09:00–17:00) for awareness
- Now-tick = live vertical line + small JS to update each minute
- Annotation legend below: “Florida 10am-6pm EDT = APAC off-peak (overnight Singapore) = best transfer window for xlab.studio tenant”
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