Favicon hinzugefügt

This commit is contained in:
Dennis Heinrich 2025-04-05 11:20:25 +02:00
parent cefdd8dc9e
commit cd1d3f250b
9 changed files with 21 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
favicon/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 B

BIN
favicon/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 966 B

BIN
favicon/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -6,6 +6,9 @@
<meta name="theme-color" content="#2196f3"/> <meta name="theme-color" content="#2196f3"/>
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="stylesheet.css"> <link rel="stylesheet" href="stylesheet.css">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<title>Der Durstrechner</title> <title>Der Durstrechner</title>
</head> </head>
<body> <body>

View file

@ -1,11 +1,20 @@
{ {
"name": "Produkt-Rechner", "name": "Der Durstrechner",
"short_name": "Rechner", "short_name": "Durstrechner",
"start_url": "./", "start_url": "./",
"display": "standalone", "display": "standalone",
"background_color": "#ffffff", "background_color": "#ffffff",
"theme_color": "#2196f3", "theme_color": "#2196f3",
"icons": [ "icons": [
{
"src": "favicon/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "favicon/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
] ]
} }

View file

@ -5,6 +5,12 @@ const FILES_TO_CACHE = [
'/manifest.json', '/manifest.json',
'/service-worker.js', '/service-worker.js',
'/stylesheet.css', '/stylesheet.css',
'/favicon/android-chrome-192x192.png',
'/favicon/android-chrome-512x512.png',
'/favicon/apple-touch-icon.png',
'/favicon/favicon-16x16.png',
'/favicon/favicon-32x32.png',
'/favicon/favicon.ico',
]; ];
self.addEventListener('install', event => { self.addEventListener('install', event => {