refactor(layouts.head): improve favicon rendering

alebabai · Mar 27, 2024 · 5e5e901 · 5e5e901
1 parent a2dd777
commit 5e5e901
Show file tree

Hide file tree

Showing 8 changed files with 5 additions and 1 deletion.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -2,6 +2,6 @@
 <meta name="viewport" content="width=device-width">
 {{- $title := cond (eq .Path "/404") (.GetPage "/_404" | default .).Title .Title }}
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" $title site.Title }}{{ end }}</title>
-<link rel="icon" type="image/x-icon" href="{{ relURL "favicon.ico" }}">
+{{ partialCached "head/favicon.html" . }}
 {{ partialCached "head/css.html" . }}
 {{ partialCached "head/js.html" . }}
diff --git a/layouts/partials/head/favicon.html b/layouts/partials/head/favicon.html
@@ -0,0 +1,4 @@
+<link rel="apple-touch-icon" sizes="180x180" href={{ relURL "apple-touch-icon.png" }}>
+<link rel="icon" type="image/png" sizes="32x32" href={{ relURL "favicon-32x32.png" }}>
+<link rel="icon" type="image/png" sizes="16x16" href={{ relURL "favicon-16x16.png" }}>
+<link rel="icon" type="image/x-icon" href="{{ relURL "favicon.ico" }}">
diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png
diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
diff --git a/static/favicon.ico b/static/favicon.ico