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> <title>Datenschutz | StaySense</title>
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" /> <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="styles.css" />
</head> </head>
<body> <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> <title>StaySense NRW MVP</title>
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" /> <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="styles.css" />
<link rel="stylesheet" href="vendor/leaflet/leaflet.css" /> <link rel="stylesheet" href="vendor/leaflet/leaflet.css" />
</head> </head>

View file

@ -10,10 +10,22 @@
"theme_color": "#006680", "theme_color": "#006680",
"icons": [ "icons": [
{ {
"src": "/icons/icon.svg", "src": "/icons/icon-192.png",
"sizes": "any", "sizes": "192x192",
"type": "image/svg+xml", "type": "image/png",
"purpose": "any maskable" "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> <title>StaySense Quellen & Attribution</title>
<link rel="manifest" href="manifest.json" /> <link rel="manifest" href="manifest.json" />
<link rel="icon" type="image/svg+xml" href="icons/icon.svg" /> <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="styles.css" />
</head> </head>
<body> <body>

View file

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