feat: add and wire png app icons for iOS/PWA

This commit is contained in:
Oliver 2026-02-15 16:18:42 +01:00
parent 0b15609bc2
commit 9ecc4253ee
No known key found for this signature in database
9 changed files with 25 additions and 7 deletions

View file

@ -10,7 +10,8 @@
<title>Datenschutz | StaySense</title>
<link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" />
<link rel="apple-touch-icon" href="icons/icon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192.png" />
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/icons/icon-1024.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/icons/icon-192.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/icons/icon-512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

View file

@ -10,7 +10,8 @@
<title>StaySense NRW MVP</title>
<link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" />
<link rel="apple-touch-icon" href="icons/icon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192.png" />
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="vendor/leaflet/leaflet.css" />
</head>

View file

@ -10,10 +10,22 @@
"theme_color": "#006680",
"icons": [
{
"src": "/icons/icon.svg",
"sizes": "any",
"type": "image/svg+xml",
"purpose": "any maskable"
"src": "/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}

View file

@ -10,7 +10,8 @@
<title>StaySense Quellen & Attribution</title>
<link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" />
<link rel="apple-touch-icon" href="icons/icon.svg" />
<link rel="icon" type="image/png" sizes="192x192" href="icons/icon-192.png" />
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>

View file

@ -10,6 +10,9 @@ const CORE_ASSETS = [
"/pwa.js",
"/manifest.json",
"/icons/icon.svg",
"/icons/icon-192.png",
"/icons/icon-512.png",
"/icons/apple-touch-icon.png",
"/vendor/leaflet/leaflet.css",
"/vendor/leaflet/leaflet.js",
"/datenschutz.html",