EricMoin
5a31bcc3e0
A launcher masks the icon it puts on the home screen, and the install manifest advertised the bare whale favicon: an SVG mark drawn edge to edge on a transparent canvas, with no tile and no background of its own. Handed to a mask it loses its fins, and iOS reads no manifest icon at all, so an installed Web App showed a generic tile. Ship four rasters rendered from the desktop application tile: 192px and 512px `any`, a 512px `maskable` whose artwork is scaled into the circle a platform mask is guaranteed to show, and a 180px `apple-touch-icon`. Request `display: standalone` so the phone keeps its status bar, and declare `png` in the static MIME table so a launcher receives an image. Agent Note: .agents/notes/implemented/feature/2026-10-13-web-install-icons-and-launch-display.md
19 lines
749 B
HTML
19 lines
749 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="manifest" href="/manifest.webmanifest" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-title" content="DSH" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon-dark.svg" media="(prefers-color-scheme: dark)" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" media="(prefers-color-scheme: light)" />
|
|
<title>DSH Local Build</title>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|