Add favicon

src/common/static/icons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/static/mstile-150x150.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

src/common/static/icons/safari-pinned-tab.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="256.000000pt" height="256.000000pt" viewBox="0 0 256.000000 256.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,256.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1232 2542 c-11 -11 -79 -124 -152 -253 -73 -129 -180 -316 -236
+-415 -57 -100 -104 -184 -104 -188 0 -3 243 -6 540 -6 297 0 540 3 540 8 0 4
+-6 16 -13 27 -8 11 -30 49 -49 85 -20 36 -67 119 -105 185 -38 66 -72 127 -76
+135 -4 8 -17 31 -28 50 -12 19 -64 110 -116 203 -52 92 -99 170 -105 173 -27
+17 -77 15 -96 -4z"/>
+<path d="M785 2412 c-82 -55 -231 -152 -330 -216 -268 -175 -290 -191 -290
+-205 0 -10 115 -91 130 -91 1 0 62 -36 134 -80 72 -44 136 -81 141 -83 12 -3
+410 709 410 734 0 15 -26 39 -42 39 -2 0 -70 -44 -153 -98z"/>
+<path d="M1597 2498 c-9 -5 -17 -18 -17 -28 0 -10 75 -153 167 -317 91 -164
+181 -325 199 -358 19 -33 37 -59 42 -58 13 3 396 233 407 245 12 12 -15 35
+-148 121 -53 34 -210 136 -349 227 -138 91 -259 168 -268 171 -9 4 -24 3 -33
+-3z"/>
+<path d="M87 1823 c-4 -3 -7 -194 -7 -424 0 -487 -2 -479 83 -341 264 428 328
+535 321 541 -12 11 -381 231 -386 231 -3 0 -8 -3 -11 -7z"/>
+<path d="M2437 1815 c-39 -20 -350 -206 -361 -216 -5 -4 16 -47 46 -96 30 -48
+89 -143 131 -211 43 -68 77 -127 77 -133 0 -5 5 -9 10 -9 6 0 10 -4 10 -9 0
+-10 84 -149 100 -165 8 -8 14 -6 20 4 12 19 13 837 2 844 -5 3 -21 -1 -35 -9z"/>
+<path d="M783 1513 c2 -5 22 -39 44 -78 22 -38 52 -90 65 -115 14 -25 42 -74
+63 -110 21 -36 49 -85 63 -110 14 -25 34 -58 44 -75 10 -16 22 -39 28 -50 5
+-11 26 -50 47 -86 106 -184 138 -239 143 -239 4 0 316 539 356 615 5 11 33 59
+61 106 28 48 59 101 67 118 l17 31 -501 0 c-276 0 -499 -3 -497 -7z"/>
+<path d="M559 1403 c-30 -43 -102 -150 -162 -238 -293 -431 -319 -473 -313
+-493 8 -25 16 -27 211 -47 52 -5 109 -11 185 -19 25 -3 70 -8 100 -11 71 -7
+146 -15 190 -20 19 -2 64 -7 100 -10 36 -4 76 -8 90 -10 14 -2 59 -7 100 -10
+41 -4 78 -9 83 -12 19 -11 -3 31 -136 264 -79 137 -147 256 -150 264 -4 8 -15
+28 -25 44 -10 17 -33 55 -50 86 -36 66 -163 282 -167 287 -2 2 -27 -32 -56
+-75z"/>
+<path d="M1682 1023 c-257 -451 -285 -502 -266 -491 5 3 43 9 84 13 41 3 86 8
+100 10 14 3 52 7 85 9 33 3 83 8 110 11 118 14 190 22 280 30 33 3 76 7 95 10
+43 5 107 12 185 20 155 15 155 15 22 213 -244 363 -410 608 -421 620 -10 10
+-67 -84 -274 -445z"/>
+<path d="M165 470 c-4 -7 -3 -16 2 -21 5 -5 88 -45 184 -88 96 -43 199 -89
+229 -103 186 -85 549 -247 568 -253 47 -14 52 3 52 191 l0 174 -27 1 c-16 0
+-37 2 -48 4 -11 2 -49 7 -85 10 -36 4 -76 8 -90 10 -14 2 -52 7 -85 10 -33 3
+-76 8 -95 10 -19 3 -60 7 -90 10 -30 3 -71 8 -90 10 -19 2 -60 7 -90 10 -30 3
+-71 8 -90 10 -19 2 -59 7 -87 10 -29 3 -75 7 -102 11 -32 3 -52 1 -56 -6z"/>
+<path d="M2328 475 c-2 -1 -34 -5 -73 -9 -65 -6 -201 -21 -270 -30 -16 -2 -61
+-7 -100 -11 -38 -3 -83 -8 -100 -10 -42 -6 -110 -13 -180 -20 -33 -4 -96 -10
+-140 -16 -44 -5 -85 -9 -92 -9 -10 0 -13 -40 -13 -175 0 -175 0 -175 24 -186
+19 -9 34 -6 82 16 118 54 781 353 857 386 83 37 99 63 40 65 -18 1 -34 0 -35
+-1z"/>
+</g>
+</svg>

src/common/static/icons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/static/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/static/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/common/templates/common/base.html

@@ -6,6 +6,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>{% block title %}Character Sheet{% endblock %}</title>
+        {% include "common/icons.html" %}
         <link rel="stylesheet" href="{% static "vendor/bootstrap-5.2.2/bootstrap.min.css" %}">
         <link rel="stylesheet" href="{% static "vendor/fontawesome-6.2.0/css/fontawesome.min.css" %}">
         <link rel="stylesheet" href="{% static "vendor/fontawesome-6.2.0/css/brands.min.css" %}">

src/common/templates/common/icons.html

@@ -0,0 +1,10 @@
+{% load static %}
+<link rel="apple-touch-icon" sizes="180x180" href="{% static "icons/apple-touch-icon.png" %}">
+<link rel="icon" type="image/png" sizes="32x32" href="{% static "icons/favicon-32x32.png" %}">
+<link rel="icon" type="image/png" sizes="16x16" href="{% static "icons/favicon-16x16.png" %}">
+<link rel="manifest" href="{% static "icons/site.webmanifest" %}">
+<link rel="mask-icon" href="{% static "icons/safari-pinned-tab.svg" %}" color="#000000">
+<link rel="shortcut icon" href="{% static "icons/favicon.ico" %}">
+<meta name="msapplication-TileColor" content="#2d89ef">
+<meta name="msapplication-config" content="{% static "icons/browserconfig.xml" %}">
+<meta name="theme-color" content="#ffffff">

src/common/templates/common/navbar.html

@@ -1,6 +1,6 @@
 <nav class="navbar navbar-expand-lg bg-light mb-2">
     <div class="container">
-        <a class="navbar-brand" href="{% url "hello_world" %}">CharaSheet</a>
+        <a class="navbar-brand" href="{% url "hello_world" %}"><i class="fa-solid fa-dice-d20"></i> CharaSheet</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>