Add favicons/touch icons

static/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Avery Winters",
+  "short_name": "Avery Winters",
+  "icons": [
+    {
+      "src": "/img/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/img/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#1d1e28",
+  "background_color": "#1d1e28",
+  "display": "standalone"
+}

templates/index.html

@@ -1,6 +1,14 @@
 {% extends "zerm/templates/index.html" %}
 {%- block general_meta -%}
     {{ head::general_meta() }}
+
+    <link rel="icon" type="image/png" href="/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/img/favicon.svg" />
+    <link rel="shortcut icon" href="/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Avery Winters" />
+    <link rel="manifest" href="/site.webmanifest" />
+
     <link href="https://floss.social/@averywinters" rel="me">
     <link rel="blogroll" type="text/xml" href="/blogroll.xml">
     <link rel="podroll" type="text/xml" href="/podroll.xml">