favicons update

assets/favicons/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/assets/favicons/mstile-70x70.png"/>
+            <square150x150logo src="/assets/favicons/mstile-150x150.png"/>
+            <square310x310logo src="/assets/favicons/mstile-310x310.png"/>
+            <wide310x150logo src="/assets/favicons/mstile-310x150.png"/>
+            <TileColor>#00a300</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

assets/favicons/site.webmanifest

@@ -0,0 +1,55 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/assets/favicons/android-chrome-36x36.png",
+            "sizes": "36x36",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-48x48.png",
+            "sizes": "48x48",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-72x72.png",
+            "sizes": "72x72",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "start_url": "https://rahulja.in",
+    "display": "standalone"
+}

index.html

@@ -5,6 +5,20 @@
     <meta name="theme-color" content="#ffffff" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="manifest" href="/manifest.json">
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="128x128" href="/assets/favicons/favicon-128.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicons/android-chrome-192x192.png">
+    <link rel="manifest" href="/assets/favicons/site.webmanifest">
+    <link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#888888">
+    <link rel="shortcut icon" href="/assets/favicons/favicon.ico">
+    <meta name="msapplication-TileColor" content="#00a300">
+    <meta name="msapplication-TileImage" content="/assets/favicons/mstile-144x144.png">
+    <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
+
     <title>Rahul Jain</title>
 <style>
     html,

manifest.json

@@ -4,39 +4,44 @@
   "description": "Personal website of Rahul Jain",
   "icons": [
     {
-      "src": "assets/favicons/apple-touch-icon-57x57.png",
+      "src": "assets/favicons/favicon-16x16.png",
       "type": "image/png",
-      "sizes": "57x57"
+      "sizes": "16x16"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-114x114.png",
+      "src": "assets/favicons/favicon-32x32.png",
       "type": "image/png",
-      "sizes": "114x114"
+      "sizes": "32x32"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-72x72.png",
-      "type": "image/png",
-      "sizes": "72x72"
+      "src": "/assets/favicons/android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-60x60.png",
+      "src": "/assets/favicons/android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/favicons/apple-touch-icon-57x57.png",
       "type": "image/png",
-      "sizes": "60x60"
+      "sizes": "57x57"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-120x120.png",
+      "src": "assets/favicons/apple-touch-icon-60x60.png",
       "type": "image/png",
-      "sizes": "120x120"
+      "sizes": "60x60"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-192x192.png",
+      "src": "assets/favicons/mstile-70x70.png",
       "type": "image/png",
-      "sizes": "192x192"
+      "sizes": "70x70"
     },
     {
-      "src": "assets/favicons/apple-touch-icon-512x512.png",
+      "src": "assets/favicons/apple-touch-icon-72x72.png",
       "type": "image/png",
-      "sizes": "512x512"
+      "sizes": "72x72"
     },
     {
       "src": "assets/favicons/apple-touch-icon-76x76.png",
@@ -49,24 +54,44 @@
       "sizes": "96x96"
     },
     {
-      "src": "assets/favicons/favicon-32x32.png",
+      "src": "assets/favicons/apple-touch-icon-114x114.png",
       "type": "image/png",
-      "sizes": "32x32"
+      "sizes": "114x114"
     },
     {
-      "src": "assets/favicons/favicon-16x16.png",
+      "src": "assets/favicons/apple-touch-icon-120x120.png",
       "type": "image/png",
-      "sizes": "16x16"
+      "sizes": "120x120"
     },
     {
       "src": "assets/favicons/favicon-128.png",
       "type": "image/png",
       "sizes": "128x128"
     },
     {
-      "src": "assets/favicons/mstile-70x70.png",
+      "src": "/assets/favicons/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/favicons/apple-touch-icon-192x192.png",
       "type": "image/png",
-      "sizes": "70x70"
+      "sizes": "192x192"
+    },
+    {
+      "src": "/assets/favicons/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "/assets/favicons/android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/favicons/apple-touch-icon-512x512.png",
+      "type": "image/png",
+      "sizes": "512x512"
     }
   ],
   "background_color": "#ffffff",