Site: replace the Alice in Wonderland demo cover with A Little Princess #17

Merged

backmeupplz merged 1 commit from site-demo-cover-a-little-princess into main

2026-10-11 21:51:43 +00:00

backmeupplz commented

2026-10-11 17:15:55 +00:00

(Migrated from github.com)

The demo book's green "Alice's Adventures in Wonderland" cover looked garish on absplus.app, so the screenshots now show LibriVox's A Little Princess (Frances Hodgson Burnett) in its place. Four images change (the hero player, Home, Library and Podcasts), plus the hero image's alt text. The Series image never showed Alice, so it stays as it is.

Before / after

	Before	After
Player (hero)
Home
Library
Podcasts

How they were made

Same screens as play/screenshots: they were recaptured from the current main debug build on an emulator set up like the original. That means 1080 px wide at 480 dpi, the 1080×2160 crop of the content area, dark theme and Material You seed #B2C5FF. The Library and Series screens come out within 1–2 % of the old pixels, apart from the swapped cover.
Server: a local Audiobookshelf 2.37.1 that mirrors the demo library. It has the same LibriVox books and covers, the two series and the three Lex Fridman episodes, with A Little Princess where Alice was. The book uses its real title, author and LibriVox chapters (19 files, 6:43:45).
Encoding: the same recipe as the current files, magick -resize 540x1080 and cwebp -q 82 (the player is 720×1440 at -q 85). Re-encoding today's Play screenshots this way gives back the current files byte for byte.

Cover licence

archive.org item littleprincess_1502_librivox: Public Domain Mark 1.0.
LibriVox CD cover PDF: "This recording and CD cover are in the public domain and may be reproduced, distributed, or modified without permission."
The art is Sophie Anderson (1823–1903), Young Girl with a Garland of Flowers in her Hair. The cover design is by Kathryn Delaney.

Still showing Alice (not changed here)

Store screenshots: play/screenshots and play/screenshots-9x16 02–07, appstore/screenshots and appstore/screenshots-6.5 02–08. The feature graphic and og.jpg never showed the cover.
Promo video: docs/video/absplus-promo.mp4 and its poster docs/img/promo-poster.webp. They come from the store screenshots plus promo/img/alice.jpg and the Alice text in promo/index.html, so they need a re-render after those are updated.
Demo server: abs-demo.borodutch.com still has Alice, and ios/UITests/Tour.swift taps "Alice".

Deploy

GitHub Pages builds from main:/docs (legacy source), so nothing goes live until this is merged. On this PR only the Checks workflow runs.

🤖 Generated with Claude Code

The demo book's green "Alice's Adventures in Wonderland" cover looked garish on absplus.app, so the screenshots now show LibriVox's **A Little Princess** (Frances Hodgson Burnett) in its place. Four images change (the hero player, Home, Library and Podcasts), plus the hero image's alt text. The Series image never showed Alice, so it stays as it is. ## Before / after | | Before | After | |---|---|---| | Player (hero) | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/d6a6b926c74da4e5c609b73ac24cfceb7bdf7631/docs/img/05-player-lg.webp" width="220"> | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/80fa3fd380394be75c4b687bb106bbc855259139/docs/img/05-player-lg.webp" width="220"> | | Home | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/d6a6b926c74da4e5c609b73ac24cfceb7bdf7631/docs/img/02-home.webp" width="220"> | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/80fa3fd380394be75c4b687bb106bbc855259139/docs/img/02-home.webp" width="220"> | | Library | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/d6a6b926c74da4e5c609b73ac24cfceb7bdf7631/docs/img/03-library.webp" width="220"> | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/80fa3fd380394be75c4b687bb106bbc855259139/docs/img/03-library.webp" width="220"> | | Podcasts | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/d6a6b926c74da4e5c609b73ac24cfceb7bdf7631/docs/img/06-podcast.webp" width="220"> | <img src="https://raw.githubusercontent.com/backmeupplz/absplus/80fa3fd380394be75c4b687bb106bbc855259139/docs/img/06-podcast.webp" width="220"> | ## How they were made - **Same screens as `play/screenshots`:** they were recaptured from the current `main` debug build on an emulator set up like the original. That means 1080 px wide at 480 dpi, the 1080×2160 crop of the content area, dark theme and Material You seed `#B2C5FF`. The Library and Series screens come out within 1–2 % of the old pixels, apart from the swapped cover. - **Server:** a local Audiobookshelf 2.37.1 that mirrors the demo library. It has the same LibriVox books and covers, the two series and the three Lex Fridman episodes, with A Little Princess where Alice was. The book uses its real title, author and LibriVox chapters (19 files, 6:43:45). - **Encoding:** the same recipe as the current files, `magick -resize 540x1080` and `cwebp -q 82` (the player is 720×1440 at `-q 85`). Re-encoding today's Play screenshots this way gives back the current files byte for byte. ## Cover licence - archive.org item [littleprincess_1502_librivox](https://archive.org/details/littleprincess_1502_librivox): Public Domain Mark 1.0. - LibriVox [CD cover PDF](https://archive.org/download/littleprincess_1502_librivox/Little_Princess_1502.pdf): "This recording and CD cover are in the public domain and may be reproduced, distributed, or modified without permission." - The art is Sophie Anderson (1823–1903), *Young Girl with a Garland of Flowers in her Hair*. The cover design is by Kathryn Delaney. ## Still showing Alice (not changed here) - **Store screenshots:** `play/screenshots` and `play/screenshots-9x16` 02–07, `appstore/screenshots` and `appstore/screenshots-6.5` 02–08. The feature graphic and `og.jpg` never showed the cover. - **Promo video:** `docs/video/absplus-promo.mp4` and its poster `docs/img/promo-poster.webp`. They come from the store screenshots plus `promo/img/alice.jpg` and the Alice text in `promo/index.html`, so they need a re-render after those are updated. - **Demo server:** abs-demo.borodutch.com still has Alice, and `ios/UITests/Tour.swift` taps "Alice". ## Deploy GitHub Pages builds from `main:/docs` (legacy source), so nothing goes live until this is merged. On this PR only the Checks workflow runs. 🤖 Generated with [Claude Code](https://claude.com/claude-code)