Jean
e8b5254feb
iOS only delivers Web Push to a Home-Screen PWA and ignores SVG apple-touch-icons, and Android can't use SVG notification icons — so the SVG-only icons broke push on mobile while desktop worked. Add 180/192/512 PNG icons (rendered from the orbit mark) and point the manifest + apple-touch-icon at them. Push delivery code untouched.
23 lines
1.3 KiB
HTML
23 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
|
|
<meta name="theme-color" content="#ffffff" />
|
|
<link rel="manifest" href="/app/manifest.webmanifest" />
|
|
<link rel="icon" href="/app/orbit-icon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="/app/apple-touch-icon.png" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-title" content="Tchatou" />
|
|
<!-- Pre-JS placeholder only; the real title is set at runtime from
|
|
config.branding.name in src/App.tsx. -->
|
|
<title>Tchatou</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600;1,9..144,700&family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|