Add mobile stuff

Hoverbear · Dec 15, 2024 · 04b2b25 · 04b2b25
1 parent 939f8f8
commit 04b2b25
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 1 deletion.
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
diff --git a/static/favicon-96x96.png b/static/favicon-96x96.png
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/static/favicon.svg b/static/favicon.svg
diff --git a/static/site.webmanifest b/static/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Hoverbear",
+  "short_name": "Hoverbear",
+  "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": "#000000",
+  "background_color": "#000000",
+  "display": "standalone"
+}
diff --git a/static/web-app-manifest-192x192.png b/static/web-app-manifest-192x192.png
diff --git a/static/web-app-manifest-512x512.png b/static/web-app-manifest-512x512.png
diff --git a/templates/partials/head.html b/templates/partials/head.html
@@ -6,9 +6,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
     <meta name="HandheldFriendly" content="True" />
     <meta name="MobileOptimized" content="320" />
+
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <link rel="shortcut icon" href="{{ config.base_url }}/images/favicon.ico">
+    <meta name="apple-mobile-web-app-title" content="Hoverbear" />
+
+    <link rel="icon" type="image/png" href="{{ config.base_url }}/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="{{ config.base_url }}/favicon.svg" />
+    <link rel="shortcut icon" href="{{ config.base_url }}/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ config.base_url }}/apple-touch-icon.png" />
+    <link rel="manifest" href="{{ config.base_url }}/site.webmanifest" />
 
     <!-- Information about this site -->
     {%- if page -%}