STATE.md

State

Status

Ready to ship — v2.2 design-system refresh on design-consultation.

Done (all-time)

• Static gradient mesh background with subtle grain
• Avatar headshot with accent glow
• "Available now" green pulsing dot in header
• 4 staggered intro messages on load
• 6 topic buttons (Work, Skills, Education, About me, Things I've Built, Let's connect)
• All reply blocks with content
• Accordion behavior — opening one topic closes others
• Typing indicator (bouncing dots) before each reply
• Reply block messages stagger in (150ms each)
• Mobile polish — 480px breakpoint
• Page title + OG/meta tags
• CV sync: $2M MRR, 5 months
• Bubble font 14→15px, touch targets 41→45px, h1 semantic heading

Done — v2 redesign (2026-04-18)

• Glassmorphism: bubble blur 12px + box-shadow, frosted header
• Topic btn glow on hover
• @supports fallback for non-backdrop-filter browsers
• ✓✓ Seen receipts on messages
• "Arun is typing" label (persistent)
• Button press scale animation
• scrollIntoView on topic open
• "Things I've Built" section (GitHub projects: Dopamine, ChatUI, CV website)
• Thoughts section scaffolded (removed placeholder, awaiting real copy)
• rel=noopener on all external links
• CSS accent token (--accent-rgb) extracted — single source of truth

Done — v2.1 interactive features (2026-04-19)

• Persona Fast-Tracks — 3 chips (Recruiter/Founder/Peer) appear after intro stagger (2750ms); click auto-expands primary topic; ?persona=recruiter URL param triggers on load at 3200ms; idempotency guard; history.replaceState (no history pollution)
• KPI Dashboard — "✦ Show impact metrics" toggle in Timeline sub-view; wraps 8 key numbers in .metric spans; .metrics-visible class reveals red highlight via CSS transition; button text flips on toggle
• Time-Travel Slider — range input (2017–2026) in Timeline; scrubTimeline(year) highlights matching .mini-tl-item via data-start/data-end; dims non-matching roles; hue-rotates all .nebula elements via JS (not CSS, to avoid permanent rotation at load)

Done — v2.2 design system (2026-05-07)

• DESIGN.md created as the design source of truth.
• Geist / Geist Mono replace Inter / JetBrains Mono.
• data-active-topic drives contextual topic accents for Work, Skills, Education, About, Built, and Contact.
• Base shell, chat bubbles, reply rails, chips, metrics, links, focus states, and motion tokens now follow the operator-channel design system.

Todo / Open

• Remove orphaned data-time attributes
• Push to GitHub Pages (not just GitHub repo)
• Thoughts section — parked, revisit later

Known Issues

• Slider default state shows "—" until first interaction (intentional — no forced active state)