fun.git/aero.css, branch master

chrome: darken neighbors mood text for legibility

2026-05-30T07:08:25Z

Co-Authored-By: Claude Sonnet 4.6

chrome: add moving shard background + CLAUDE.md

2026-05-29T08:50:33Z

Implements the chrome theme's metallic shard ambient field from the redesign handoff. Adds spawnShards() to aero.js, shard CSS (clip-path polygon, chrome gradient, specular streak, shard-rise keyframes) to aero.css, and wires up calls in index.js and enter.html. Shard field is hidden by default; shown only when body[data-theme="chrome"]. Also adds prefers-reduced-motion guard for both fields. Adds CLAUDE.md with architecture overview for future sessions. Co-Authored-By: Claude Sonnet 4.6

aero: quiet-web nostalgia pass (sticky note, webring, neighbors, uptime)

2026-05-28T18:57:31Z

Implements the Frutiger Aero "Quiet Web" design handoff, merged into the existing site without touching content: - aero.css: append AERO — DEEPER POLISH (glass sheen, icon halo, horizon ripple, plus aero+chrome styles for all new widgets) - index.html: Neighbors icon + #w-neighbors window, #webring pill, #sticky note, #uptime ribbon, Caveat font, sticky-drag + webring JS - enter.html: welcome droplets, indie-pledge strip, footer webring, Caveat font (gate sheen + logo halo via CSS) aero.js left unchanged (current version newer than handoff's). Co-Authored-By: Claude Opus 4.8

browser+resize: implement proper faux browser + resizable windows per design handoff

2026-05-27T03:11:26Z

Browser window (w-browser, Internet icon): - Full aqua browser chrome: toolbar with back/fwd/reload/home SVG nav buttons, URL bar (lock + scheme + host + path + blinking caret), bookmark chips with colored 12x12 favicon squares, scrollable page surface, status bar with animated progress bar - History stack (back/forward state, disable at ends) - Delegated click handler via data-go attributes for in-page navigation - Refresh button spins 700ms via CSS animation - Address bar + title bar update on every navigation - ARTICLES array with 4 entries (self-hosting, jazz, cooking, film) with drop-cap, Georgia body, IBM Plex Mono metadata, blockquotes, inline ilinks - Chrome theme: brushed mercury toolbar, dark navy article surface with iridescent radial hotspots, Audiowide titles with chromeShimmer drop-cap, Michroma UI labels, iridescent progress bar, custom scrollbar Resizable windows: - makeResizable() in aero.js: appends .rs-e (right edge), .rs-s (bottom edge), .rs-se (SE grip) handles; tracks mousedown/move/up; enforces minW/minH - .win.resized flex-column flip: body fills remaining height and scrolls - Aero grip (3-stripe diagonal, blue); Chrome grip (iridescent purple/cyan/pink) - Body cursor forced via body.rs-cursor-* classes during drag CSS in aero.css: chrome overrides for resize handle + full browser window theme CSS in index.html: resize handle rules, full browser/article reading styles Co-Authored-By: Claude Sonnet 4.6

redesign: add Y2K chrome theme + theme switcher

2026-05-27T02:28:43Z

- Add Y2K Chrome / Frutiger Aero two-theme switcher (floating pill, top-right) - Theme persists via localStorage under 'tyler.theme', no flash on load - Chrome theme: brushed-metal panels, iridescent titlebar seam, holographic cursor, blueprint wallpaper, Audiowide/Michroma/Space Grotesk fonts - Aero theme: upgraded to Plus Jakarta Sans + IBM Plex Mono - Z-index hygiene: .icons → 10, .win → 50, .bubble-field → 0 - Sparkle cursor is theme-aware (cyan→pink for chrome, warm rainbow for aero) - Music toggle is theme-aware: bazaar theme (aero) / coolman (chrome), swaps live if you change theme while music is playing - Add img/wallpaper-chrome.png (blueprint wallpaper for chrome theme) Co-Authored-By: Claude Sonnet 4.6

redesign: frutiger aero faux-OS desktop

2026-05-26T07:33:22Z

replaces the old enter/index pages with a draggable-windows desktop metaphor. wires last.fm now-playing, films.tylerhoang.xyz diary, and a php visitor counter; keeps background music via /mus/mmt.mp3. Co-Authored-By: Claude Opus 4.7