Update site icons (#28, #978)

The 'hourglass not done' icon from Openmoji (https://openmoji.org/library/emoji-23F3/) was used.

Derived icons for various usage were generated using https://realfavicongenerator.net/ (from the SVG icon). All icons were placed in the 'assets' directory, except favicon.ico. The theme mandates its path to be /favicon.ico, and it seems a lot of browsers assume this location anyway (https://stackoverflow.com/questions/21359342/is-putting-your-favicon-ico-file-in-a-non-root-path-a-bad-idea/21359390#21359390).

New files, browserconfig.xml and manifest.json were also added. It is not clear if browserconfig.xml is still useful (https://webmasters.stackexchange.com/q/131077) but it does not hurt. manifest.json is useful for PWA (https://developer.mozilla.org/en-US/docs/Web/Manifest).

A new section has been added to the README in order to give credits to the softwares used in the project. This is mandated by at least the use of an Openmoji icon as this site logo.

Note that I would have prefer to use the 'link' tag to generate image URLs (https://jekyllrb.com/docs/liquid/tags/#link). But those are slowing down significantly the build (10s -> 40s).

README.md

@@ -15,8 +15,18 @@ While participating in the project, you must abide by its [Code of Conduct](CODE
 ## API
 
 An API is available for integration with CI platforms. API documentation is available at https://endoflife.date/docs/api. The API is currently in Alpha, and breaking changes can happen.
+
 ## License
 
 Licensed under the [MIT License](LICENSE).
 
+## Credits
+
+endoflife.date is using some amazing pieces of software :
+
+- [Jekyll](https://jekyllrb.com/), a static site generator.
+- [Just the Docs](https://github.com/just-the-docs/just-the-docs), a documentation theme for Jekyll.
+- [Openmoji](https://openmoji.org/), open source emojis for designers, developers and everyone else!
+- [Netlify](https://www.netlify.com/), an all-in-one platform for automating modern web projects.
+
 [hacktoberfest]: https://github.com/endoflife-date/endoflife.date/issues/408

_config.yml

@@ -50,7 +50,7 @@ defaults:
   - scope:
       path: ""
     values:
-      image: /logo.png
+      image: /logo-512.png
   - scope:
       path: "products"
     values:

_includes/head_custom.html

@@ -7,3 +7,14 @@
 {% endcapture %}
 <meta name="description" content="{{ d | strip }}" />
 <meta property="og:description" content="{{ d | strip }}" />
+
+<!-- favicons - see https://realfavicongenerator.net -->
+<link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/apple-touch-icon.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon-32x32.png' | relative_url }}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon-16x16.png' | relative_url }}">
+<link rel="manifest" href="{{ 'manifest.json' | relative_url }}">
+<link rel="mask-icon" href="{{ '/assets/safari-pinned-tab.svg' | relative_url }}" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="{{ '/browserconfig.xml' | relative_url }}">
+<meta name="theme-color" content="#ffffff">
+

browserconfig.xml

@@ -0,0 +1,12 @@
+---
+# See https://webmasters.stackexchange.com/q/131077
+---
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="{{ '/assets/mstile-150x150.png' | absolute_url }}"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

manifest.json

@@ -0,0 +1,23 @@
+---
+# See https://web.dev/add-manifest/
+---
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "{{ '/assets/logo-192x192.png' | absolute_url }}",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "{{ '/assets/logo-512x512.png' | absolute_url }}",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "start_url": "{{ '/' | absolute_url }}?utm_source=homescreen",
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}