Merge pull request #2244 from k8s-infra-cherrypick-robot/cherry-pick-2236-to-release-0.14

[release-0.14] docs: customize favicon

Author: k8s-ci-robot

docs/_includes/common/links.liquid

@@ -0,0 +1,22 @@
+{%- comment %} canonical link {% endcomment -%}
+{%- if prev -%}
+    <link rel="prev" href="{{ prev.url | absolute_url }}">
+{%- endif -%}
+
+{%- if next -%}
+    <link rel="next" href="{{ next.url | absolute_url }}">
+{%- endif -%}
+
+<link rel="canonical" href="{{ schema_surl }}">
+
+{%- comment %} favicon icon {% endcomment -%}
+<link rel="icon" type="image/x-icon" href="{{ '/assets/images/nfd/favicon.ico' | relative_url }}">
+{%- comment %} alternate {% endcomment -%}
+<link rel="icon" type="image/svg+xml" href="{{ '/assets/images/nfd/favicon.svg' | relative_url }}">
+<link rel="icon" type="image/png" href="{{ 'assets/images/nfd/favicon-96x96.png' | relative_url }}" sizes="96x96">
+
+{%- comment %} apple-touch-icon {% endcomment -%}
+<link rel="apple-touch-icon" href="{{ 'assets/images/nfd/apple-touch-icon.png' | relative_url }}">
+
+{%- comment %} web manifest {% endcomment -%}
+<link rel="manifest" href="{{ 'assets/images/nfd/site.webmanifest' | relative_url }}">

docs/assets/images/nfd/apple-touch-icon.png

@@ -0,0 +1,19 @@
+{
+  "name": "NFD Documentation",
+  "short_name": "NFD",
+  "display": "standalone",
+  "icons": [
+    {
+      "src": "/assets/images/nfd/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/images/nfd/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}