Add favicon

src/assets/img/favicon/browserconfig.xml

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

src/assets/img/favicon/safari-pinned-tab.svg

@@ -0,0 +1,47 @@
+<?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="M4934 6061 c-2 -2 -4 -280 -4 -618 0 -483 -3 -613 -12 -614 -7 -1
+-116 -3 -243 -4 -126 -1 -235 -3 -240 -4 -7 -1 -10 -129 -9 -368 1 -203 2
+-371 3 -376 0 -4 38 -7 84 -6 154 2 159 2 147 -20 -5 -11 -76 -177 -156 -368
+-80 -191 -152 -361 -159 -378 -7 -16 -33 -79 -59 -140 -25 -60 -78 -189 -119
+-285 -41 -96 -127 -303 -192 -460 -65 -157 -122 -289 -126 -294 -5 -5 -11 -1
+-15 10 -9 26 -103 254 -114 279 -5 11 -59 144 -121 295 -61 151 -117 289 -124
+305 -8 17 -48 116 -91 220 -42 105 -108 267 -146 360 -39 94 -75 186 -80 205
+-11 38 -51 -65 475 1230 79 195 142 357 140 359 -7 10 -417 6 -428 -4 -7 -5
+-67 -149 -135 -320 -252 -643 -354 -895 -360 -895 -4 0 -7 6 -8 13 0 10 -310
+806 -347 892 -7 17 -38 95 -69 175 l-56 145 -215 0 c-118 -1 -217 -3 -220 -6
+-3 -3 18 -62 46 -130 28 -68 76 -185 106 -259 53 -131 76 -185 198 -485 31
+-77 63 -153 70 -170 7 -16 27 -66 45 -110 18 -44 38 -93 45 -110 51 -117 118
+-293 117 -306 0 -9 -10 -38 -22 -65 -28 -63 -15 -31 -185 -449 -209 -515 -295
+-727 -305 -750 -5 -11 -32 -76 -60 -145 -28 -69 -57 -138 -64 -155 -8 -16 -21
+-52 -31 -78 -10 -26 -21 -50 -25 -52 -4 -3 -38 68 -76 158 -37 89 -80 191 -95
+227 -105 253 -273 650 -284 675 -7 17 -129 305 -270 640 -141 336 -262 624
+-269 640 -8 17 -37 86 -66 155 -28 69 -58 139 -65 155 -8 17 -35 81 -60 144
+-26 63 -51 121 -56 130 -5 9 -38 88 -74 176 -37 88 -70 164 -74 168 -7 7 -470
+12 -476 5 -1 -2 35 -91 82 -198 46 -107 92 -215 102 -240 10 -25 55 -128 99
+-230 134 -310 943 -2191 969 -2255 14 -33 35 -82 47 -110 13 -27 92 -211 176
+-408 l154 -357 217 0 c217 0 218 0 225 23 3 12 30 78 60 147 65 154 224 535
+271 650 19 47 40 99 48 115 7 17 34 82 60 145 26 63 53 129 60 145 11 24 100
+236 155 370 7 17 19 44 26 60 7 17 29 71 49 120 20 50 40 93 44 98 4 4 26 -37
+48 -90 67 -163 364 -866 378 -898 8 -16 43 -101 80 -189 36 -87 73 -175 82
+-195 8 -20 59 -139 112 -266 l96 -230 218 0 217 0 185 430 c102 237 189 439
+194 450 6 11 51 117 102 235 50 118 97 229 104 245 7 17 24 55 37 85 13 30 69
+159 124 287 l99 232 2 -97 c2 -53 4 -482 6 -952 3 -836 4 -857 24 -936 12 -44
+31 -105 43 -135 102 -259 381 -455 705 -495 22 -3 65 -8 95 -12 136 -18 343 0
+595 52 129 27 269 71 465 149 112 44 135 56 133 72 0 11 -18 83 -38 160 -20
+77 -38 149 -41 160 -2 11 -28 112 -57 225 -40 155 -56 205 -67 203 -8 -1 -71
+-23 -140 -48 -154 -58 -261 -81 -365 -79 -99 1 -136 8 -200 40 -64 32 -101 68
+-130 124 -49 97 -48 75 -49 1103 -1 853 1 967 14 968 8 0 188 1 400 2 l385 2
+3 375 2 375 -400 0 c-267 -1 -400 3 -401 10 -1 5 -2 284 -3 620 l-1 610 -483
+0 c-266 0 -485 -2 -488 -4z"/>
+</g>
+</svg>

src/assets/img/favicon/site.webmanifest

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

src/classes/page.php

@@ -139,6 +139,16 @@ class Page
 
             <link rel="manifest" href="manifest.json" />
 
+            <link rel="apple-touch-icon" sizes="180x180" href="/src/assets/img/favicon/apple-touch-icon.png" />
+            <link rel="icon" type="image/png" sizes="32x32" href="/src/assets/img/favicon/favicon-32x32.png" />
+            <link rel="icon" type="image/png" sizes="16x16" href="/src/assets/img/favicon/favicon-16x16.png" />
+            <link rel="manifest" href="/src/assets/img/favicon/site.webmanifest" />
+            <link rel="mask-icon" href="/src/assets/img/favicon/safari-pinned-tab.svg" color="#5829bb" />
+            <link rel="shortcut icon" href="/src/assets/img/favicon/favicon.ico" />
+            <meta name="msapplication-TileColor" content="#ffffff" />
+            <meta name="msapplication-config" content="/src/assets/img/favicon/browserconfig.xml" />
+            <meta name="theme-color" content="#f4f4f4" />
+
             <?php
             /**
              * Stylesheets