make the favicon setup way better

bytes-zone · Dec 28, 2020 · 714ba71 · 714ba71
1 parent 155ab9a
commit 714ba71
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 1 deletion.
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/static/icons/180.png b/static/icons/180.png
diff --git a/static/icons/192.png b/static/icons/192.png
diff --git a/static/icons/512.png b/static/icons/512.png
diff --git a/static/icons/icon.svg b/static/icons/icon.svg
diff --git a/static/manifest.webmanifest b/static/manifest.webmanifest
@@ -0,0 +1,6 @@
+{
+    "icons": [
+        {"src": "/icons/192.png", "type": "image/png", "sizes": "192x192"},
+        {"src": "/icons/512.png", "type": "image/png", "sizes": "512x512"}
+    ]
+}
diff --git a/templates/base.html b/templates/base.html
@@ -3,9 +3,13 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <link rel="icon" type="image/png" href="data:image/png;base64,">
     <link href="/style.css" rel="stylesheet">
 
+    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="/icons/icon.svg" type="image/svg+xml" sizes="any">
+    <link rel="apple-touch-icon" href="/icons/180.png">
+    <link rel="manifest" href="/manifest.webmanifest">
+
     <title>{% block title %}bytes.zone{% endblock %}</title>
     <link rel="canonical" href="{{ current_url | safe }}">
     <meta name="description" content="{% block description %}{{ config.description }}{% endblock %}">