Improve icon

mjarkk · Apr 30, 2024 · e625864 · e625864
1 parent 0f6782c
commit e625864
Show file tree

Hide file tree

Showing 22 changed files with 46 additions and 4 deletions.
diff --git a/dist/android-chrome-192x192.png b/dist/android-chrome-192x192.png
diff --git a/dist/android-chrome-512x512.png b/dist/android-chrome-512x512.png
diff --git a/dist/apple-touch-icon.png b/dist/apple-touch-icon.png
diff --git a/dist/favicon-16x16.png b/dist/favicon-16x16.png
diff --git a/dist/favicon-32x32.png b/dist/favicon-32x32.png
diff --git a/dist/favicon.ico b/dist/favicon.ico
diff --git a/dist/icons/196.webp b/dist/icons/196.webp
diff --git a/dist/icons/48.webp b/dist/icons/48.webp
diff --git a/dist/icons/original.png b/dist/icons/original.png
diff --git a/dist/index.html b/dist/index.html
@@ -4,8 +4,10 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Mini Mail Dev</title>
-		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
-		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">		
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
 		<style>
 			body {
 				background-color: #09090b;

diff --git a/dist/site.webmanifest b/dist/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "Mini Mail Dev",
+	"short_name": "Mini maildev",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#000000",
+	"display": "standalone"
+}
diff --git a/index.html b/index.html
@@ -4,8 +4,10 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Mini Mail Dev</title>
-		<link rel="icon" type="image/webp" sizes="48x48" href="/icons/48.webp">
-		<link rel="icon" type="image/webp" sizes="196x196" href="/icons/196.webp">		
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+		<link rel="manifest" href="/site.webmanifest">
 		<style>
 			body {
 				background-color: #09090b;

diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icons/196.webp b/public/icons/196.webp
diff --git a/public/icons/48.webp b/public/icons/48.webp
diff --git a/public/icons/original.png b/public/icons/original.png
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "Mini Mail Dev",
+	"short_name": "Mini maildev",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#000000",
+	"display": "standalone"
+}