feat(web): play a random track from the Frutiger Aero SoundCloud playlist in aero mode (v2.2.22)
This commit is contained in:
parent
e4530afd98
commit
be33317d54
12 changed files with 387 additions and 83 deletions
|
|
@ -56,7 +56,7 @@ frosted-glass **web** site, and an alternate KDE/Plasma **desktop simulation**
|
|||
utilities in the components (Tailwind is present via PostCSS but the look is
|
||||
hand-written CSS).
|
||||
- Path alias: `@/*` → `src/*`.
|
||||
- Version: `2.2.21` (see `package.json`).
|
||||
- Version: `2.2.22` (see `package.json`).
|
||||
|
||||
### Scripts
|
||||
```bash
|
||||
|
|
@ -103,6 +103,7 @@ src/app/
|
|||
components/
|
||||
ThemeRoot.tsx → picks which shell to mount (the router of the UI)
|
||||
WebLayout.tsx → "web" theme (default): sticky sidebar + glass content
|
||||
AeroMusic.tsx → Frutiger Aero soundtrack (random SoundCloud playlist track)
|
||||
FeatureWindow.tsx → decorative CSS "windows" (game / browser / forge); used in the
|
||||
web feature panels and the desktop app windows
|
||||
WindowsDesktop.tsx → "skeuo" theme, desktop: icons, windows, taskbar
|
||||
|
|
@ -181,7 +182,11 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
|
|||
bubbles (`.web-aero-bubbles` / `.web-aero-bubble`) rise across the backdrop, and
|
||||
all `.glass` panels and interactive controls become crystal-clear 3D bevel-rimmed
|
||||
liquid glass (the `.web-ctl-scheme` light/dark switch is hidden in aero mode —
|
||||
it's a fixed bright-sky look). The two remaining feature panels (`.web-split`) stretch
|
||||
it's a fixed bright-sky look). While aero is on, `AeroMusic.tsx` autoplays a
|
||||
random track from the *Frutiger Aero* SoundCloud playlist (a hidden SoundCloud
|
||||
iframe driven through their widget API: it picks a random index from `getSounds`
|
||||
and re-randomises on every `PLAY` event so the set never plays in order; the chip
|
||||
label is synced from `getCurrentSound`, not from what we asked for). The two remaining feature panels (`.web-split`) stretch
|
||||
to equal height and share a fixed `16 / 10` `.fw` window (the `FeatureWindow`
|
||||
component) — decorative, **asset-free CSS mock-ups** rather than screenshots:
|
||||
Revival Inc. is a little necromancy game scene (night sky, moon, tombstones,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue