From df6d059a85db3a68d60df9e86accf20d1ee59815 Mon Sep 17 00:00:00 2001
From: samsepi0l <contact@samsepi0l.dev>
Date: Sat, 16 Dec 2023 12:18:23 +0100
Subject: [PATCH] Improve favicons

- Add mask_icon color
- Add manifest
- Make icon type, apple-touch-icon type, and svg (mask_icon) type explicit
---
 layouts/partials/head.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 5621a135..6e115624 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -83,11 +83,12 @@
 </noscript>
 
 {{- /* Favicons */}}
-<link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
+<link rel="icon" type="image/x-icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
 <link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}">
-<link rel="apple-touch-icon" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
-<link rel="mask-icon" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}">
+<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
+<link rel="mask-icon" type="image/svg+xml" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}" color="{{ site.Params.assets.mask_icon | default "#2e2e33" }}">
+<link rel="manifest" href="{{ site.Params.assets.site_webmanifest | default "site.webmanifest" | absURL }}">
 <meta name="theme-color" content="{{ site.Params.assets.theme_color | default "#2e2e33" }}">
 <meta name="msapplication-TileColor" content="{{ site.Params.assets.msapplication_TileColor | default "#2e2e33" }}">