Add PWA native feel: manifest, meta tags, install prompt, SW optimization, dynamic theme-color

Browse Source

Configure manifest.json with scope, maskable icons, and categories. Add iOS/Android
meta tags for standalone behavior. Create pwa.css for native touch/scroll handling
and safe area insets. Add oikos-install-prompt Web Component with Chrome install
flow and iOS guidance. Optimize service worker with network-first navigation and
expanded precache (v19). Add dynamic theme-color per route and modal overlay dimming
in standalone mode. Generate placeholder icons via sharp script.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

...

This commit is contained in:

Ulas

2026-03-29 15:35:01 +02:00

parent 5838fb9243

commit 41e88e0acf

17 changed files with 1206 additions and 689 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

public/icons/apple-touch-icon.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 12 KiB After Width:  |  Height:  |  Size: 3.4 KiB

public/icons/favicon-32.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 1.4 KiB After Width:  |  Height:  |  Size: 595 B

public/icons/icon-192.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 13 KiB After Width:  |  Height:  |  Size: 3.7 KiB

public/icons/icon-512.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 46 KiB After Width:  |  Height:  |  Size: 13 KiB

public/icons/icon-maskable-192.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 2.4 KiB

public/icons/icon-maskable-512.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 9.8 KiB