Add Leilukin's Hub favicon

favicon/site.webmanifest

@@ -0,0 +1,20 @@
+{
+    "name": "Leilukin's Hub",
+    "short_name": "Leilukin's Hub",
+    "icons":
+        [
+            {
+                "src": "/android-chrome-192x192.png",
+                "sizes": "192x192",
+                "type": "image/png"
+            },
+            {
+                "src": "/android-chrome-512x512.png",
+                "sizes": "512x512",
+                "type": "image/png"
+            }
+        ],
+    "theme_color": "#7A37A3",
+    "background_color": "#000000",
+    "display": "standalone"
+}

themes/leilukin/layouts/default.twig

@@ -18,9 +18,10 @@
 <meta name="description" content="{{ site.description }}">
 <meta name="generator" content="Chyrp Lite">
 <meta name="viewport" content="initial-scale=1.0">
-<link rel="icon" sizes="32x32" type="image/x-icon" href="{{ site.chyrp_url }}/favicon.ico">
-<link rel="icon" sizes="any" type="image/svg+xml" href="{{ site.chyrp_url }}/favicon.svg">
-<link rel="mask-icon" href="{{ site.chyrp_url }}/favicon.svg" color="#4f4f4f">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ site.chyrp_url }}/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ site.chyrp_url }}/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ site.chyrp_url }}/favicon/favicon-16x16.png">
+<link rel="manifest" href="{{ site.chyrp_url }}/favicon/site.webmanifest">
 {{ theme.feeds() }}
 {{ theme.stylesheets() }}
 {{ theme.javascripts() }}
@@ -46,7 +47,7 @@
 {% include "content/sidebar.twig" %}
 {% if posts.paginated is defined and posts.prev_page() %}
 <!-- Navigation -->
-<div role="navigation" class="prev traversal">{{ posts.prev_link("Newer posts" | translate) }}</div> 
+<div role="navigation" class="prev traversal">{{ posts.prev_link("Newer posts" | translate) }}</div>
 {% endif %}
 <!-- Content -->
 <div id="main" role="main">