Files
Michael ShimelesandCursor 9dba5760d9 Rebuild the site around an animated demo with sound (#12)
* Rebuild the site around an animated demo with sound

The page now opens with a 20-second demo of the app. AAPL is typed and
loads a chart, 5 switches it to five-minute bars, NVDA OMON opens the
option chain, and a Congress alert arrives. Captions follow each step.
"Play with sound" replays it once with sounds synthesized in the browser,
so there are no audio files. Six feature cards loop small animations of
the chart, world markets, the command palette, the Congress feed, the
portfolio and the themes, each only while it is on screen.

The design follows the Terminal landing in Paper: dark only, SF fonts,
glass controls and the new T icon, with no orange gradients. The page
now hydrates because the demo needs JavaScript. With reduced motion the
demo and cards show one still frame and nothing fades in on scroll.

Co-authored-by: Cursor <[email protected]>

* Use the candlestick logo

Swap the T monogram for the three rising candlesticks from the Paper logo options, in the page logo and in assets-src/icon.svg, and regenerate the icons and share card.

Co-authored-by: Cursor <[email protected]>

* Move the theme switch into the nav as an icon button

The button now switches the whole page, not just the demo. The page,
the demo and the feature cards all have light styles, the choice is
saved, and app.html applies it before the first paint. The demo
captures are CSS backgrounds so only the current theme's image loads.

Co-authored-by: Cursor <[email protected]>

* Remove the build-from-source block from the Install section

Co-authored-by: Cursor <[email protected]>

* Show revealed sections when reduced motion turns on, and name the chapter buttons

Turning on reduced motion reran the reveal attachment, which disconnected the observer and returned early, leaving unread sections at opacity 0. Teardown now marks the element shown. The chapter buttons lose their only text at 640px and below, so they get an aria-label.

Co-authored-by: Cursor <[email protected]>

---------

Co-authored-by: Cursor <[email protected]>
2026-10-19 16:22:17 -04:00
..