feat: add favicons and logos

app/static/img/favicon/browserconfig.xml

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/static/img/favicon/ms-icon-70x70.png"/><square150x150logo
+    src="/static/img/favicon/ms-icon-150x150.png"/><square310x310logo src="/static/img/favicon/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

app/static/img/favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "WYGIWYH",
+ "icons": [
+  {
+   "src": "\/static\/img\/favicon\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/static\/img\/favicon\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/static\/img\/favicon\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/static\/img\/favicon\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/static\/img\/favicon\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/static\/img\/favicon\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

app/static/img/logo-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="a2373d79ec"><path d="M 1.980469 1.980469 L 373 1.980469 L 373 373 L 1.980469 373 Z M 1.980469 1.980469 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#a2373d79ec)"><path fill="#fbb700" d="M 239.671875 301.757812 L 79.152344 141.238281 L 118.234375 102.152344 L 239.671875 223.589844 L 355.179688 108.078125 C 325.429688 45.34375 261.519531 1.957031 187.472656 1.957031 C 113.375 1.957031 49.433594 45.410156 19.707031 108.210938 L 174.503906 263.003906 L 135.757812 301.757812 L 2.882812 168.878906 C 2.273438 174.996094 1.957031 181.199219 1.957031 187.472656 C 1.957031 289.929688 85.015625 372.988281 187.472656 372.988281 C 289.929688 372.988281 372.988281 289.929688 372.988281 187.472656 C 372.988281 181.347656 372.679688 175.296875 372.101562 169.320312 L 239.671875 301.757812 " fill-opacity="1" fill-rule="nonzero"/></g></svg>

app/static/img/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="464" zoomAndPan="magnify" viewBox="0 0 348 98.999996" height="132" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/><clipPath id="4c1c77f4e0"><path d="M 0 0 L 98.25 0 L 98.25 98.25 L 0 98.25 Z M 0 0 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#4c1c77f4e0)"><path fill="#fbb700" d="M 63.074219 79.550781 L 20.476562 36.953125 L 30.851562 26.582031 L 63.074219 58.808594 L 93.726562 28.15625 C 85.832031 11.507812 68.871094 -0.00390625 49.222656 -0.00390625 C 29.558594 -0.00390625 12.59375 11.523438 4.703125 28.191406 L 45.78125 69.265625 L 35.5 79.550781 L 0.238281 44.289062 C 0.078125 45.914062 -0.0078125 47.558594 -0.0078125 49.222656 C -0.0078125 76.410156 22.035156 98.453125 49.222656 98.453125 C 76.410156 98.453125 98.453125 76.410156 98.453125 49.222656 C 98.453125 47.597656 98.371094 45.992188 98.21875 44.40625 L 63.074219 79.550781 " fill-opacity="1" fill-rule="nonzero"/></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(104.174024, 62.306856)"><g><path d="M 44.65625 -27.40625 L 35.703125 0 L 28.890625 0 L 22.859375 -18.546875 L 16.640625 0 L 9.859375 0 L 0.859375 -27.40625 L 7.4375 -27.40625 L 13.625 -8.140625 L 20.078125 -27.40625 L 25.953125 -27.40625 L 32.21875 -7.984375 L 38.59375 -27.40625 Z M 44.65625 -27.40625 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(151.376399, 62.306856)"><g><path d="M 16.40625 -9.703125 L 16.40625 0 L 10.0625 0 L 10.0625 -9.78125 L -0.546875 -27.40625 L 6.1875 -27.40625 L 13.5 -15.21875 L 20.828125 -27.40625 L 27.046875 -27.40625 Z M 16.40625 -9.703125 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(179.517888, 62.306856)"><g><path d="M 21.765625 -14.125 L 27.5625 -14.125 L 27.5625 -3.015625 C 26.070312 -1.890625 24.347656 -1.023438 22.390625 -0.421875 C 20.429688 0.171875 18.460938 0.46875 16.484375 0.46875 C 13.640625 0.46875 11.082031 -0.132812 8.8125 -1.34375 C 6.539062 -2.5625 4.757812 -4.242188 3.46875 -6.390625 C 2.175781 -8.546875 1.53125 -10.984375 1.53125 -13.703125 C 1.53125 -16.410156 2.175781 -18.84375 3.46875 -21 C 4.757812 -23.15625 6.550781 -24.835938 8.84375 -26.046875 C 11.144531 -27.265625 13.726562 -27.875 16.59375 -27.875 C 19 -27.875 21.175781 -27.46875 23.125 -26.65625 C 25.082031 -25.84375 26.726562 -24.664062 28.0625 -23.125 L 24 -19.375 C 22.039062 -21.4375 19.675781 -22.46875 16.90625 -22.46875 C 15.15625 -22.46875 13.601562 -22.101562 12.25 -21.375 C 10.894531 -20.644531 9.835938 -19.613281 9.078125 -18.28125 C 8.328125 -16.945312 7.953125 -15.421875 7.953125 -13.703125 C 7.953125 -12.003906 8.328125 -10.488281 9.078125 -9.15625 C 9.835938 -7.820312 10.890625 -6.785156 12.234375 -6.046875 C 13.578125 -5.304688 15.109375 -4.9375 16.828125 -4.9375 C 18.660156 -4.9375 20.304688 -5.328125 21.765625 -6.109375 Z M 21.765625 -14.125 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(211.377616, 62.306856)"><g><path d="M 3.25 -27.40625 L 9.59375 -27.40625 L 9.59375 0 L 3.25 0 Z M 3.25 -27.40625 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(225.898603, 62.306856)"><g><path d="M 44.65625 -27.40625 L 35.703125 0 L 28.890625 0 L 22.859375 -18.546875 L 16.640625 0 L 9.859375 0 L 0.859375 -27.40625 L 7.4375 -27.40625 L 13.625 -8.140625 L 20.078125 -27.40625 L 25.953125 -27.40625 L 32.21875 -7.984375 L 38.59375 -27.40625 Z M 44.65625 -27.40625 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(273.100981, 62.306856)"><g><path d="M 16.40625 -9.703125 L 16.40625 0 L 10.0625 0 L 10.0625 -9.78125 L -0.546875 -27.40625 L 6.1875 -27.40625 L 13.5 -15.21875 L 20.828125 -27.40625 L 27.046875 -27.40625 Z M 16.40625 -9.703125 "/></g></g></g><g fill="#fbb700" fill-opacity="1"><g transform="translate(301.242474, 62.306856)"><g><path d="M 28.375 -27.40625 L 28.375 0 L 22.03125 0 L 22.03125 -11.234375 L 9.59375 -11.234375 L 9.59375 0 L 3.25 0 L 3.25 -27.40625 L 9.59375 -27.40625 L 9.59375 -16.59375 L 22.03125 -16.59375 L 22.03125 -27.40625 Z M 28.375 -27.40625 "/></g></g></g></svg>

app/templates/admin/base_site.html

@@ -2,6 +2,9 @@
 
 {% block extrahead %}
 {{ block.super }}
+  
+{% include 'includes/head/favicons.html' %}
+  
 <script>
   let tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
   if (!tz) {
@@ -9,4 +12,4 @@
   }
   document.cookie = "mytz=" + tz + ";path=/";
 </script>
-{% endblock %}
+{% endblock %}

app/templates/includes/head/favicons.html

@@ -0,0 +1,18 @@
+{% load static %}
+<link rel="apple-touch-icon" sizes="57x57" href="{% static 'img/favicon/apple-icon-57x57.png' %}">
+<link rel="apple-touch-icon" sizes="60x60" href="{% static 'img/favicon/apple-icon-60x60.png' %}">
+<link rel="apple-touch-icon" sizes="72x72" href="{% static 'img/favicon/apple-icon-72x72.png' %}">
+<link rel="apple-touch-icon" sizes="76x76" href="{% static 'img/favicon/apple-icon-76x76.png' %}">
+<link rel="apple-touch-icon" sizes="114x114" href="{% static 'img/favicon/apple-icon-114x114.png' %}">
+<link rel="apple-touch-icon" sizes="120x120" href="{% static 'img/favicon/apple-icon-120x120.png' %}">
+<link rel="apple-touch-icon" sizes="144x144" href="{% static 'img/favicon/apple-icon-144x144.png' %}">
+<link rel="apple-touch-icon" sizes="152x152" href="{% static 'img/favicon/apple-icon-152x152.png' %}">
+<link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/favicon/apple-icon-180x180.png' %}">
+<link rel="icon" type="image/png" sizes="192x192"  href="{% static 'img/favicon/android-icon-192x192.png' %}">
+<link rel="icon" type="image/png" sizes="32x32" href="{% static 'img/favicon/favicon-32x32.png' %}">
+<link rel="icon" type="image/png" sizes="96x96" href="{% static 'img/favicon/favicon-96x96.png' %}">
+<link rel="icon" type="image/png" sizes="16x16" href="{% static 'img/favicon/favicon-16x16.png' %}">
+<link rel="manifest" href="{% static 'img/favicon/manifest.json' %}">
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage" content="{% static 'img/favicon/ms-icon-144x144.png' %}">
+<meta name="theme-color" content="#ffffff">

app/templates/includes/navbar.html

@@ -1,8 +1,11 @@
+{% load static %}
 {% load i18n %}
 {% load active_link %}
 <nav class="navbar navbar-expand-lg border-bottom bg-body-tertiary" hx-boost="true">
     <div class="container-fluid">
-        <a class="navbar-brand fw-bold text-primary font-base" href="#">WYGIWYH</a>
+        <a class="navbar-brand fw-bold text-primary font-base" href="{% url 'monthly_index' %}">
+          <img src="{% static 'img/logo-icon.svg' %}" alt="WYGIWYH Logo" height="40" title="WYGIWYH"/>
+        </a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
                 aria-controls="navbarContent" aria-expanded="false" aria-label={% translate "Toggle navigation" %}>
             <span class="navbar-toggler-icon"></span>

app/templates/layouts/base.html

@@ -13,6 +13,8 @@
       {% endfilter %}
     </title>
 
+    {% include 'includes/head/favicons.html' %}
+
     {% include 'includes/styles.html' %}
     {% block extra_styles %}{% endblock %}