Use ordinary scrolling backgrounds on mobile

2026-09-07 18:58:57 +02:00
parent 164476a5b3
commit 4c71cc873f
4 changed files with 18 additions and 12 deletions
@@ -4,6 +4,8 @@ The supplied 1200 × 900 PDF and its IDML source define the desktop composition.

 CSS lives in `assets/styles.css`; all colors are CSS custom properties. Its link in `index.html` carries a content-hash query parameter; update that value when the CSS changes to avoid stale browser caches. Layout scales with the design above 1024 px. At smaller sizes the type becomes larger and wraps; at 600 px the bank and PayPal details stack in their original reading order. The mobile background separates the supplied tape from the photograph so that it remains above the logo while the photo fills a tall page. `assets/app.mjs` only enhances the IBAN with clipboard support and an accessible selection fallback. Contact and payment links work without JavaScript.

+At 1024 px and below, both decorative images are ordinary `body` backgrounds. The desktop pseudo-elements and isolated stacking context are disabled, leaving mobile touch scrolling to the document without separate decorative layers.
+
 ## Preview and deployment

 Requires Node 20.11 or newer. There are no npm dependencies and no third-party page requests.