✨ new: favicon

Author: jooncco

_includes/head.html

@@ -1,19 +1,28 @@
-<meta charset="utf-8">
+<meta charset="utf-8" />
 
 {% include seo.html %}
 
-<link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
+<link
+  href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | relative_url }}{% endif %}"
+  type="application/atom+xml"
+  rel="alternate"
+  title="{{ site.title }} Feed"
+/>
 
 <!-- https://t.co/dKP3o1e -->
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
 <script>
-  document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
+  document.documentElement.className =
+    document.documentElement.className.replace(/\bno-js\b/g, "") + " js ";
 </script>
 
 <!-- For all browsers -->
-<link rel="stylesheet" href="{{ '/public/css/main.css' | relative_url }}">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
+<link rel="stylesheet" href="{{ '/public/css/main.css' | relative_url }}" />
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css"
+/>
 
 <!--[if IE]>
   <style>
@@ -30,8 +39,6 @@
   </style>
 <![endif]-->
 
-{% if site.head_scripts %}
-  {% for script in site.head_scripts %}
-    <script src="{{ script | relative_url }}"></script>
-  {% endfor %}
-{% endif %}
+{% if site.head_scripts %} {% for script in site.head_scripts %}
+<script src="{{ script | relative_url }}"></script>
+{% endfor %} {% endif %}

_includes/head/custom.html

@@ -4,12 +4,34 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-annotation/0.5.7/chartjs-plugin-annotation.js"></script>
 
 <!-- insert favicons. use https://realfavicongenerator.net/ -->
-<link rel="apple-touch-icon" sizes="180x180" href="{{site.url}}/public/images/favicon/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="{{site.url}}/public/images/favicon/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="{{site.url}}/public/images/favicon/favicon-16x16.png">
-<link rel="manifest" href="{{site.url}}/public/images/favicon/site.webmanifest">
-<link rel="mask-icon" href="{{site.url}}/public/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
-<meta name="theme-color" content="#ffffff">
+<link
+  rel="apple-touch-icon"
+  sizes="180x180"
+  href="{{site.url}}/public/images/favicon/apple-touch-icon.png"
+/>
+<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+<link
+  rel="icon"
+  type="image/png"
+  sizes="32x32"
+  href="{{site.url}}/public/images/favicon/favicon-32x32.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="16x16"
+  href="{{site.url}}/public/images/favicon/favicon-16x16.png"
+/>
+<link
+  rel="manifest"
+  href="{{site.url}}/public/images/favicon/site.webmanifest"
+/>
+<link
+  rel="mask-icon"
+  href="{{site.url}}/public/images/favicon/safari-pinned-tab.svg"
+  color="#5bbad5"
+/>
+<meta name="msapplication-TileColor" content="#da532c" />
+<meta name="theme-color" content="#ffffff" />
 
 <!-- end custom head snippets -->