[code, files] uploaded all new logos and also updated relevant code for all HTML files, also added further information in header for PWA functionality and also updated manifest.json file.

html/home.html

@@ -4,7 +4,11 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Home | Kube</title>
-        <link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="shortcut icon" href="/assets/images/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
+        <meta name="apple-mobile-web-app-title" content="Kube" />
         <link rel="stylesheet" href="/css/styles.css">
         <link rel="manifest" href="/manifest.json" />
         <script src="/app.js" defer></script>

html/login.html

@@ -4,7 +4,11 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Login | Kube</title>
-        <link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="shortcut icon" href="/assets/images/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
+        <meta name="apple-mobile-web-app-title" content="Kube" />
         <link rel="stylesheet" href="/css/styles.css">
         <link rel="manifest" href="/manifest.json" />
         <script src="/app.js" defer></script>

html/transport.html

@@ -4,7 +4,11 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Transport | Kube</title>
-        <link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico">
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="shortcut icon" href="/assets/images/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
+        <meta name="apple-mobile-web-app-title" content="Kube" />
         <link rel="stylesheet" href="/css/styles.css">
         <link rel="manifest" href="/manifest.json" />
         <script src="/app.js" defer></script>

manifest.json

@@ -4,11 +4,19 @@
   "lang": "en-GB",
   "icons": [
     {
-      "src": "/",
-      "type": "image/svg+xml",
-      "sizes": "512x512"
+      "src": "/favicon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
+
   "id": "/",
   "start_url": "/",
   "background_color": "#000000",