feat: favicon

README.md

@@ -61,10 +61,12 @@ git submodule update --remote --merge
 
 ### 🎨 Favicon
 
-Create `[SITEROOT]/layouts/partials/favicon.html` to cover theme's favicon.
+Create `[SITEROOT]/layouts/partials/favicon.html` to cover theme's favicon. \
+See `exampleSite/layouts/partials/favicon.html` and `exampleSite\static\assets\favicon` for an example.
 
 You can generate your favicons in [realfavicongenerator.net](https://realfavicongenerator.net/).
 
+
 ### ❌ License, toc and comments
 
 Globally in `config.toml`:

exampleSite/layouts/partials/favicon.html

@@ -1,8 +1,5 @@
-<!-- Generated your favicon at realfavicongenerator.net and copy code here -->
-<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/apple-touch-icon.png" />
-<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/favicon-32x32.png" />
-<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/favicon-16x16.png" />
-<link rel="manifest" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/site.webmanifest" />
-<link rel="mask-icon" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/safari-pinned-tab.svg" color="#8aa2d3" />
-<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/amzrk2/cdn-stcapi@1/favicons/favicon.ico" />
-<meta name="theme-color" content="#ffffff" />
+<link rel="icon" type="image/png" href="/assets/favicon/favicon-48x48.png" sizes="48x48" />
+<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg" />
+<link rel="shortcut icon" href="/assets/favicon/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" />
+<link rel="manifest" href="/assets/favicon/site.webmanifest" />

exampleSite/static/assets/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Hugo Theme Kita",
+  "short_name": "Kita",
+  "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": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}