add favicons

favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="66.667" height="57.143"><svg width="66.667" height="57.143" viewBox="0 0 66.667 57.143" xmlns="http://www.w3.org/2000/svg"><g id="SvgjsG1065" stroke-linecap="round" fill-rule="evenodd" font-size="9pt" stroke="#000" stroke-width="0.25mm" fill="#000" style="stroke:#000;stroke-width:0.25mm;fill:#000"><path d="M 4.762 33.333 L 4.762 28.571 L 14.286 28.571 L 14.286 23.81 L 4.762 23.81 L 4.762 19.048 L 14.286 19.048 L 14.286 9.524 L 0 9.524 L 0 4.762 L 4.762 4.762 L 4.762 0 L 19.048 0 L 19.048 4.762 L 23.81 4.762 L 23.81 0 L 38.095 0 L 38.095 4.762 L 47.619 4.762 L 47.619 0 L 57.143 0 L 57.143 4.762 L 61.905 4.762 L 61.905 47.619 L 57.143 47.619 L 57.143 52.381 L 47.619 52.381 L 47.619 57.143 L 38.095 57.143 L 38.095 52.381 L 33.333 52.381 L 33.333 47.619 L 28.571 47.619 L 28.571 42.857 L 33.333 42.857 L 33.333 9.524 L 23.81 9.524 L 23.81 42.857 L 14.286 42.857 L 14.286 33.333 L 4.762 33.333 Z M 42.857 9.524 L 42.857 47.619 L 52.381 47.619 L 52.381 9.524 L 42.857 9.524 Z M 28.571 47.619 L 14.286 47.619 L 14.286 42.857 L 9.524 42.857 L 9.524 47.619 L 4.762 47.619 L 4.762 52.381 L 14.286 52.381 L 14.286 57.143 L 23.81 57.143 L 23.81 52.381 L 28.571 52.381 L 28.571 47.619 Z M 61.905 4.762 L 61.905 0 L 66.667 0 L 66.667 4.762 L 61.905 4.762 Z M 4.762 52.381 L 0 52.381 L 0 57.143 L 4.762 57.143 L 4.762 52.381 Z" vector-effect="non-scaling-stroke"></path></g></svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: invert(100%); } }
+</style></svg>

index.html

@@ -5,6 +5,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="assets/css/styles.css">
+
+    <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="uuard" />
+    <link rel="manifest" href="/site.webmanifest" />
+   
+   
+    <link rel="icon" type="image/png" href="favicon.png" />
+
     <title>Nicholas Ward</title>
 </head>
 

site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "uuard",
+  "short_name": "w",
+  "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"
+}