hugo-owu-se : use proper icons

config.toml

@@ -18,13 +18,13 @@ ignoreErrors = ["error-disable-taxonomy"]
 
   # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
   # Hint: It's good practise to also put a "favicon.ico"-file into your "static"-folder.
-  favicon = "images/new-favicon.png"
+  favicon = "images/icon/favicon-32x32.png"
 
   # These "images" are used for the structured data templates. This will show up, when
   # services like Twitter or Slack want to generate a preview of a link to your site.
   # See https://gohugo.io/templates/internal#twitter-cards and
   # https://gohugo.io/templates/internal#open-graph.
-  images = ["images/new-favicon.png"]
+  images = ["images/icon/new-favicon.png"]
 
   # Another "title" :-). This one is used as the site_name on the Hugo's internal
   # opengraph structured data template.

layouts/partials/custom_head.html

@@ -1,3 +1,6 @@
+<link rel="icon" type="image/png" sizes="32x32" href="/images/icon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/images/icon/favicon-16x16.png">
+
 {{ if (.Eq (site.GetPage "/")) }}
     {{- $randomize := (resources.Get "js/randomize.js" ) }}
     {{- $image_array := (resources.Get "js/image-array.js" ) }}

static/images/icon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

static/images/icon/site.webmanifest

@@ -0,0 +1,13 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/images/icon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff"
+}