Skip to content

blust.ch installs from a phone's home screen with bars in its ground - #393

Merged
robertblust merged 1 commit into
mainfrom
home-screen-app
Oct 14, 2026
Merged

robertblust merged 1 commit into
mainfrom
home-screen-app

Conversation

@robertblust

Copy link
Copy Markdown
Owner

Added to a phone's home screen, blust.ch opened as a browser tab with a white navigation bar under a dark page, because the site declared no web app manifest and no theme-color. A manifest.webmanifest now opens it standalone, with a 192 and a 512 icon and a maskable 512 for Android's own icon shapes, all drawn from the header's rb plate in Plex Mono. Every one of the sixteen pages declares the manifest, <meta name="theme-color"> with dark's ground and viewport-fit=cover, so Android takes the page's own ground for its bars and the page can draw under the bottom one. The id/ pages are redirects and carry none of it.

The re-pin moves @robertblust/design from v0.156.0 to v0.157.0, which brings the theme block that keeps theme-color on the ground of the theme shown, following data-theme so it works with each page's own copy of the switch, and the footer that adds the phone's bottom inset to its padding. page.js, page.css and deck.js are the synced files that change. The manifest link is an asset to the share-card recipe, so every card's stamp moves; the pictures are re-rendered and do not change in substance. Upstream: https://github.com/robertblust/design/releases/tag/v0.157.0 and robertblust/design#292.

To take it on a phone, remove the old home-screen icon and install blust.ch again from Chrome's menu, Install app. companygraph.io and guestgraph.io can follow with the same head lines and a manifest of their own.

Verified: the lockfile resolves @robertblust/design to the tag's commit; npm run design, pages, pictures, pages, og and sitemap ran; every command of pins.json's verify list passed locally; conventions-check and conventions-format pass. Before the release, the same blocks served from this worktree switched theme-color dark, light and dark in Chromium on the home page, a talk and /model/. Not verified on a phone: whether a Pixel's bottom bar takes the ground is seen only once blust.ch serves this.

🤖 Generated with Claude Code

Added to a phone's home screen, blust.ch opened as a browser tab with a white navigation bar under a dark page, because it declared no web app manifest and no theme-color. A manifest now opens it standalone, with icons drawn from the header's rb plate, and every page declares theme-color with dark's ground and viewport-fit=cover, so Android takes the page's own ground for its bars and the page can draw under the bottom one. The design re-pin to v0.157.0 brings the theme block that keeps theme-color on the ground of the theme shown, and the footer that keeps clear of the bottom bar.

Verified: the lockfile resolves @robertblust/design to the tag's commit; npm run design, pages, pictures, pages, og and sitemap ran; every command of pins.json's verify list passed locally; conventions-check and conventions-format pass.

Process: Delivery
Phase: Implement
Track: Code
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant