fix: favicon

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

rero_ils/theme/templates/rero_ils/_favicon.html

@@ -0,0 +1,5 @@
+<!--[if IE]><link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" /><![endif]-->
+<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") }}" />
+<link rel="manifest" href="{{ url_for('static', filename="manifest.json") }}" />

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,14 +61,7 @@
     {%- endfor %}
     {%- endif %}
     {%- endblock %}
-    {%- 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 %}
-    {%- endblock head_apple_icons %}
+    {% include 'rero_ils/_favicon.html' %}
     {%- endblock head_links %}
     {%- block header %}{% endblock header %}
     {%- block css %}

rero_ils/theme/templates/rero_ils/professional.html

@@ -25,6 +25,7 @@
     <title>Admin</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <base href="/professional">
+    {% include 'rero_ils/_favicon.html' %}
     {{ node_assets('@rero/rero-ils-ui/dist/admin', ['styles.*css'], 'css') }}
     {{ node_assets('@rero/rero-ils-ui/dist/admin', ['styles.*css'], 'css', 'media="print" onload="this.media=\'all\'"') }}
 </head>