Replace blurry branding art and install new favicon set

public/index.html

@@ -6,8 +6,13 @@
   <meta name="color-scheme" content="light dark">
   <meta id="themeColor" name="theme-color" content="#f6f3ec">
   <title>kovi — Your reading, beautifully understood</title>
-  <link rel="icon" href="/favicon.png" type="image/png">
-  <link rel="apple-touch-icon" href="/favicon.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+  <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="kovi">
+  <meta name="application-name" content="kovi">
+  <link rel="manifest" href="/site.webmanifest">
   <link rel="stylesheet" href="/styles.css">
 </head>
 <body>

public/site.webmanifest

@@ -0,0 +1,23 @@
+{
+  "name": "kovi",
+  "short_name": "kovi",
+  "description": "Your reading, beautifully understood.",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ],
+  "theme_color": "#f6f3ec",
+  "background_color": "#f6f3ec",
+  "display": "standalone"
+}