add favicon like https://www.enthuseandinspire.co.uk/blog/favicon/, generated https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html\#foreground.type\=clipart\&foreground.clipart\=dns\&foreground.space.trim\=1\&foreground.space.pad\=0.25\&foreColor\=rgba\(96%2C%20125%2C%20139%2C%200\)\&backColor\=rgb\(135%2C%20171%2C%2099\)\&crop\=0\&backgroundShape\=square\&effects\=none\&name\=ic_launcher

layouts/partials/header.html

@@ -0,0 +1,7 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#ffffff">

static/browserconfig.xml

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

static/safari-pinned-tab.svg

@@ -0,0 +1,31 @@
+<?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="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3590 4211 c-163 -50 -270 -202 -270 -383 0 -54 -2 -58 -24 -58 -29
+0 -82 -36 -110 -73 -20 -28 -21 -39 -21 -382 0 -402 -3 -388 85 -432 44 -23
+49 -23 445 -23 569 0 528 -32 533 425 4 343 -2 396 -46 437 -34 32 -65 48 -91
+48 -19 0 -21 6 -21 58 0 172 -105 328 -252 376 -52 17 -183 21 -228 7z m224
+-140 c51 -27 101 -86 123 -144 6 -18 12 -60 12 -94 l1 -63 -255 0 -255 0 0 53
+c0 105 47 197 126 243 84 49 162 51 248 5z"/>
+<path d="M2250 3913 c-84 -9 -252 -45 -337 -73 -239 -77 -487 -250 -669 -465
+-84 -100 -138 -182 -202 -310 -97 -195 -131 -343 -139 -600 -10 -323 38 -539
+176 -787 175 -316 484 -581 816 -701 241 -86 590 -105 864 -46 418 90 807 401
+1011 809 100 199 143 391 144 645 l1 170 -150 3 -150 2 0 -142 c-1 -162 -14
+-251 -57 -388 -48 -150 -122 -284 -221 -397 l-30 -34 -29 52 c-38 71 -52 85
+-116 116 -47 23 -72 27 -176 32 l-121 6 -5 257 c-5 239 -6 258 -26 285 -47 64
+-41 63 -561 63 l-473 0 0 150 0 150 170 0 c192 0 210 5 257 67 28 36 28 38 31
+210 l4 173 167 0 c208 0 247 10 326 82 98 89 100 96 103 370 l3 236 -33 11
+c-152 48 -406 72 -578 54z m-650 -1601 l360 -354 0 -107 c0 -60 5 -123 12
+-142 31 -93 131 -180 231 -201 l57 -12 0 -143 0 -143 -24 0 c-47 0 -254 58
+-329 93 -239 111 -467 333 -586 574 -40 79 -79 197 -102 308 -24 110 -14 492
+11 483 5 -2 171 -162 370 -356z"/>
+</g>
+</svg>

static/site.webmanifest

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