favicon

frontend/media/favicon/browserconfig.xml

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

frontend/media/favicon/safari-pinned-tab.svg

@@ -0,0 +1,34 @@
+<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1330 5856 l0 -253 108 -12 c201 -23 358 -70 529 -160 387 -204 661
+-568 755 -1004 30 -139 32 -429 4 -557 -71 -329 -211 -582 -446 -803 -231
+-218 -558 -362 -868 -384 l-82 -6 2 -260 3 -260 90 2 c111 3 260 24 385 56
+658 166 1189 660 1399 1301 91 278 119 553 86 839 -109 932 -852 1656 -1791
+1745 -60 5 -124 10 -141 10 l-33 0 0 -254z"/>
+<path d="M5500 6080 c-786 -59 -1476 -596 -1726 -1344 -304 -914 93 -1910 946
+-2369 235 -127 484 -200 765 -227 61 -5 122 -10 138 -10 l27 0 -2 262 -3 263
+-85 7 c-236 18 -473 103 -690 246 -119 78 -308 270 -393 398 -108 163 -175
+323 -219 522 -31 140 -31 434 0 574 87 393 301 712 626 929 189 127 432 217
+632 234 38 3 84 8 102 11 l32 5 -2 252 c-3 244 -4 252 -23 253 -11 1 -67 -2
+-125 -6z"/>
+<path d="M2090 4859 c-846 -81 -1553 -699 -1745 -1524 -32 -141 -46 -271 -46
+-440 -1 -332 64 -604 212 -896 323 -635 957 -1046 1672 -1082 l87 -5 0 264 0
+264 -47 0 c-69 0 -215 25 -318 55 -389 113 -723 395 -900 760 -233 479 -196
+1013 101 1463 78 118 271 310 393 391 211 140 447 223 704 246 l67 7 0 254 0
+254 -47 -1 c-27 -1 -86 -5 -133 -10z"/>
+<path d="M4730 4593 l0 -253 23 -4 c12 -3 57 -8 100 -11 44 -3 130 -19 192
+-35 522 -131 932 -547 1060 -1073 121 -495 -25 -1008 -390 -1372 -247 -248
+-563 -397 -895 -423 l-85 -7 -3 -264 -2 -264 102 8 c649 45 1195 360 1547 891
+214 322 322 686 322 1079 0 327 -65 604 -209 890 -100 199 -220 361 -389 526
+-120 117 -171 159 -293 239 -297 195 -653 310 -997 322 l-83 3 0 -252z"/>
+</g>
+</svg>

frontend/media/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Fontis",
+    "short_name": "Fontis",
+    "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"
+}

frontend/spa.html

@@ -8,9 +8,9 @@
         <base href="/" />
 
         <link rel="stylesheet" href="/dist/index.css?t=__TIMESTAMP__" />
-        <link rel="apple-touch-icon" sizes="180x180" href="/media/favicon/apple-touch-icon.png" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/media/favicon/apple-touch-icon.png" type="image/x-icon" />
-        <link rel="icon" type="image/png" sizes="32x32" href="/media/favicon/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/media/favicon/favicon-32x32.png" type="image/x-icon" />
-        <link rel="icon" type="image/png" sizes="16x16" href="/media/favicon/favicon-16x16.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/media/favicon/favicon-16x16.png" type="image/x-icon" />
         <link rel="manifest" href="/site.webmanifest" />
         <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#343a40" />
         <meta name="apple-mobile-web-app-title" content="Fontis" />