diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-26 20:11:26 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-26 20:11:26 -0700 |
| commit | a7ef2c9d7f459145fac5b8a78679aa71b292397c (patch) | |
| tree | 8ff0708f1ebaa4de59dc9af516a1e62f0778d051 /img/static/book2.gif | |
| parent | c91b67479fb8a6ba1835ba493da013a6c9730ee4 (diff) | |
browser+resize: implement proper faux browser + resizable windows per design handoff
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 <noreply@anthropic.com>
Diffstat (limited to 'img/static/book2.gif')
0 files changed, 0 insertions, 0 deletions
