feat: Update favicon and add webmanifest

favicon.ico now contains 4 sizes of the icon: 16,32,48,64
favicon.png is 96x96

Also updated the theme color

For more info:
https://realfavicongenerator.net/

7 files changed, 25 insertions, 3 deletions

diff --git a/src/INIT.du b/src/INIT.du
index 02e6eff..02ca1ba 100644
--- a/src/INIT.du
+++ b/src/INIT.du
@@ -19,9 +19,10 @@ desc  - Page description
 	<meta charset="UTF-8">\
 	<meta name="author" content="Kamen Mladenov">\
 	<meta name="robots" content="index, follow">\
-	<link rel="icon" href="/img/favicon.ico" type="image/x-icon">\
-	<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">\
-	<meta name="theme-color" content="#ffffff"/>\
+	<link rel="icon" type="image/png" href="/img/favicon.png" sizes="96x96" />\
+	<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />\
+	<link rel="manifest" href="/site.webmanifest" />\
+	<meta name="theme-color" content="#262626" />\
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">\
 	<link rel="stylesheet" href="/styles.css">\
 	<link rel="stylesheet" href="/darkmode.css">\
diff --git a/src/favicon.ico b/src/favicon.ico
index 79143ba..efd2fe3 100644
--- a/src/favicon.ico
+++ b/src/favicon.ico
diff --git a/src/img/favicon-192x192.png b/src/img/favicon-192x192.png
new file mode 100644
index 0000000..30eb724
--- /dev/null
+++ b/src/img/favicon-192x192.png
diff --git a/src/img/favicon-512x512.png b/src/img/favicon-512x512.png
new file mode 100644
index 0000000..425aec6
--- /dev/null
+++ b/src/img/favicon-512x512.png
diff --git a/src/img/favicon.ico b/src/img/favicon.ico
index 79143ba..efd2fe3 100644
--- a/src/img/favicon.ico
+++ b/src/img/favicon.ico
diff --git a/src/img/favicon.png b/src/img/favicon.png
new file mode 100644
index 0000000..e124396
--- /dev/null
+++ b/src/img/favicon.png
diff --git a/src/site.webmanifest b/src/site.webmanifest
new file mode 100644
index 0000000..7f0e886
--- /dev/null
+++ b/src/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Syndamia Website",
+  "short_name": "Syndamia",
+  "icons": [
+    {
+      "src": "/img/favicon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/img/favicon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#262626",
+  "background_color": "#262626",
+  "display": "standalone"
+}