Add web app manifest and icons for PWA support

- Created a new site.webmanifest file to define the web app's metadata.
- Added icons for the web app in both 192x192 and 512x512 sizes.
- Set theme color and background color to #1171e9.
- Configured the display mode to standalone.

index.html

@@ -6,6 +6,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Cameron B. R. Redmore - Software Developer</title>
 
+    <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="cmzi.uk" />
+    <link rel="manifest" href="/site.webmanifest" />
+
     <link rel="stylesheet" href="/src/style.css">
 </head>
 

public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "cmzi.uk",
+  "short_name": "cmzi.uk",
+  "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": "#1171e9",
+  "background_color": "#1171e9",
+  "display": "standalone"
+}