fix: favicon

Co-Authored-by: Bertrand Zuchuat <[email protected]>

rero_ils/theme/templates/rero_ils/page.html

@@ -1,7 +1,7 @@
 {# -*- coding: utf-8 -*-
 
   RERO ILS
-  Copyright (C) 2019 RERO
+  Copyright (C) 2019-2024 RERO
 
   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU Affero General Public License as published by
@@ -52,7 +52,6 @@
     <title>{{ title }}: {{ org_name }}</title>
     {%- endblock head_title %}
     {%- block head_links %}
-    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" />
     {%- if keywords %}
     <link rel="canonical" href="{{ canonical_url }}" />{% endif %}
     {%- block head_links_langs %}
@@ -62,13 +61,12 @@
     {%- endfor %}
     {%- endif %}
     {%- endblock %}
+    <!--[if IE]><link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" /><![endif]-->
+    <link rel="manifest" href="{{ url_for('static', filename="manifest.json") }}" />
     {%- block head_apple_icons %}
-    {# TODO: generate the appropriate files #}
-    {%- for size in [144, 114, 72, 57] %}
-    {%- set icon_name = 'apple-touch-icon-%d-precomposed.png' | format(size) %}
-    <link rel="apple-touch-icon-precomposed" sizes="{{ size }}x{{ size }}"
-      href="{{ url_for('static', filename=icon_name) }}" />
-    {%- endfor %}
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename="apple-touch-icon.png") }}" />
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename="favicon-32x32.png") }}" />
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename="favicon-16x16.png") }}" />
     {%- endblock head_apple_icons %}
     {%- endblock head_links %}
     {%- block header %}{% endblock header %}