Add comprehensive favicon support (#2007)

static/img/favicon.svg

@@ -0,0 +1,3 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M384.003 35H128.001L0 256L34.7029 315.917L162.653 94.9426H291.966C347.095 94.9426 391.924 139.633 391.924 194.585C391.924 217.963 382.203 245.1 362.151 256.474C381.673 271.118 391.105 294.412 391.105 317.277C391.105 372.2 346.272 416.89 291.144 416.89H121.586L165.871 340.382H291.14C303.947 340.382 314.348 330.014 314.348 317.273C314.348 304.532 304.547 294.737 292.233 294.194C291.879 294.139 192.627 294.194 192.627 294.194L236.97 217.635C236.97 217.635 292.533 217.69 292.778 217.66C297.993 217.496 302.744 215.619 306.515 212.542C311.81 208.324 315.171 201.846 315.171 194.581C315.171 181.818 304.767 171.447 291.963 171.447H209.446L80.2163 394.525L127.997 477H383.999L512 256L383.999 35H384.003Z" fill="#FF9F00"/>
+</svg>

static/img/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Boost C++ Libraries",
+    "short_name": "Boost",
+    "icons": [
+        {
+            "src": "/static/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/img/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#FAFAFA",
+    "background_color": "#FFFFFF",
+    "display": "standalone"
+}

templates/admin/library_report_base.html

@@ -15,9 +15,12 @@
     <meta name="keywords" content="{% block keywords %}{% endblock %}" />
     <meta name="author"
           content="{% block author %}Boost C++ Libraries{% endblock %}" />
-    <link rel="shortcut icon"
-          href="{% static 'img/Boost_Symbol_Transparent.svg' %}"
-          type="image/x-icon" />
+    <link rel="icon" href="{% static 'img/favicon.svg' %}" type="image/svg+xml">
+    <link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon" sizes="any">
+    <link rel="icon" href="{% static 'img/favicon.png' %}" type="image/png" sizes="48x48">
+    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
+    <link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
+    <link rel="manifest" href="{% static 'img/site.webmanifest' %}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap"

templates/base.html

@@ -17,7 +17,12 @@
     <meta name="description" content="{% block description %}{% endblock %}">
     <meta name="keywords" content="{% block keywords %}{% endblock %}">
     <meta name="author" content="{% block author %}Boost C++ Libraries{% endblock %}">
-    <link rel="shortcut icon" href="{% static 'img/Boost_Symbol_Transparent.svg' %}" type="image/x-icon">
+    <link rel="icon" href="{% static 'img/favicon.svg' %}" type="image/svg+xml">
+    <link rel="icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon" sizes="any">
+    <link rel="icon" href="{% static 'img/favicon.png' %}" type="image/png" sizes="48x48">
+    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" type="image/x-icon">
+    <link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
+    <link rel="manifest" href="{% static 'img/site.webmanifest' %}">
 
     <meta class="meta-theme" name="theme-color" content="#FAFAFA" data-dark="#18181B" data-light="#FAFAFA">
     <meta class="meta-theme" name="color-scheme" content="light" data-dark="dark" data-light="light">