Add installable PWA (Option A — iPhone-first, no service worker)

Make the app installable to the iOS home screen and launch standalone (full-screen, no browser chrome, dark status bar). Add manifest.webmanifest, square app icons (ten31-app-icon.svg -> 192/512/apple-touch-icon), the apple-mobile-web-app + manifest <head> tags, viewport-fit=cover, and a pre-auth /manifest.webmanifest route. No service worker by design.
2026-06-20 08:42:29 -05:00
parent 81ed6cbbab
commit 0490910687
10 changed files with 78 additions and 5 deletions
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- PWA / home-screen app icon. Full-bleed opaque #0b1118 square (the brand base color,
+     reserved as the PWA theme_color in design/tokens.tokens.json) with the white "T31"
+     mark centered inside the maskable safe zone (inner ~80%), so the SAME asset works
+     un-cropped (purpose "any"), masked by Android (purpose "maskable"), and rounded by
+     iOS (apple-touch-icon). No inner border/rounding — the OS applies its own. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Ten31">
+  <rect x="0" y="0" width="64" height="64" fill="#0b1118"/>
+  <text x="32" y="41" text-anchor="middle" fill="#ffffff" font-size="26" font-weight="700" font-family="Georgia, 'Times New Roman', serif">T31</text>
+</svg>