Add all the faveicons

Author: MrHinsh

docs/layouts/baseof.html

@@ -11,8 +11,12 @@
     })(window,document,'script','dataLayer','{{ .Site.Params.googleTagId }}');</script>
     <!-- End Google Tag Manager -->
     <title>{{ .Title }} | {{ .Site.Title }}</title>
-    <link rel="icon" href="/favicon.ico" type="image/x-icon">
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Azure DevOps Migration Tools" />
+    <link rel="manifest" href="/site.webmanifest" />
     <meta name="description" content="{{ ( .Page.Params.description | default  .Site.Params.description) | plainify }}" />
     <meta name="keywords" content="{{ .Keywords | default .Site.Params.keywords }}" />
     <link rel="canonical" href="{{ .Site.Params.siteProdUrl }}{{ .RelPermalink }}" />

docs/static/apple-touch-icon.png

@@ -0,0 +1,21 @@
+{
+  "name": "Azure DevOps Migration Tools",
+  "short_name": "DevOpsMigration",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}