feat: Redesign the install page in a glass style #3

Merged
namillis merged 1 commit from feat/glass-install-page into main 2026-10-09 20:34:48 +00:00
Owner

Redesigns the page in the Glassmorphism style picked from the design-prompt mockups.

  • Still mesh background in the app's colors (radial gradients, no blur filters), frosted panels for the nav, hero, tiles and release list
  • White Add to AltStore button with SideStore and LiveContainer beside it
  • Stat tiles, source URL with Copy, feature chips, and a "Two apps, one source" section with cards for V3 (Current) and Legacy. Releases from both apps are listed by date, with Legacy builds tagged
  • Release list: tap a version for its notes, with IPA and Release notes buttons. The newest one starts open.

Kept from the old page: the live fetch of the source JSON, altstore:// / sidestore:// / livecontainer:// deep links, copy with a fallback for older browsers, the load-error message, and the og/canonical tags.

Speed and accessibility: only the top panels use backdrop-filter, so scrolling stays smooth on older iPhones. prefers-reduced-transparency switches to solid panels, prefers-reduced-motion drops transitions, and keyboard focus shows an outline.

Checked in headless Chromium at 390px and 1280px against the live JSON (23 releases and both app cards render, links correct). Preview: https://namillis.me/mockups/glass/playtorrio-altstore/

After merge, the next altstore-update.timer run publishes it to https://namillis.me/playtorrio-altstore/.

Redesigns the page in the Glassmorphism style picked from the design-prompt mockups. - Still mesh background in the app's colors (radial gradients, no blur filters), frosted panels for the nav, hero, tiles and release list - White **Add to AltStore** button with SideStore and LiveContainer beside it - Stat tiles, source URL with Copy, feature chips, and a "Two apps, one source" section with cards for V3 (Current) and Legacy. Releases from both apps are listed by date, with Legacy builds tagged - Release list: tap a version for its notes, with **IPA** and **Release notes** buttons. The newest one starts open. Kept from the old page: the live fetch of the source JSON, `altstore://` / `sidestore://` / `livecontainer://` deep links, copy with a fallback for older browsers, the load-error message, and the og/canonical tags. Speed and accessibility: only the top panels use `backdrop-filter`, so scrolling stays smooth on older iPhones. `prefers-reduced-transparency` switches to solid panels, `prefers-reduced-motion` drops transitions, and keyboard focus shows an outline. Checked in headless Chromium at 390px and 1280px against the live JSON (23 releases and both app cards render, links correct). Preview: https://namillis.me/mockups/glass/playtorrio-altstore/ After merge, the next `altstore-update.timer` run publishes it to https://namillis.me/playtorrio-altstore/.
Match the iOS look of the signing apps: a still mesh background in
the app's colors, frosted panels, a white Add to AltStore button,
stat tiles and a tap-to-expand release list. The page still loads
the source JSON live and keeps the copy, deep-link and error states.

The background uses radial gradients instead of blur filters and
only the top panels use backdrop blur, so scrolling stays smooth
on older iPhones. Respects reduced transparency and motion.
namillis deleted branch feat/glass-install-page 2026-10-09 20:34:49 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
namillis/playtorrio-altstore!3
No description provided.