Reinstate app icons (fixes #5)

public/icons/browserconfig.xml

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

public/icons/safari-pinned-tab.svg

@@ -0,0 +1,69 @@
+<?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="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4840 9619 c-835 -48 -1687 -354 -2362 -846 -1107 -807 -1778 -2032
+-1859 -3393 -27 -456 16 -910 131 -1366 196 -776 578 -1461 1135 -2033 788
+-810 1818 -1287 2940 -1361 861 -57 1742 141 2490 559 745 417 1368 1049 1778
+1806 272 501 463 1132 517 1709 82 879 -101 1788 -515 2556 -748 1386 -2150
+2280 -3719 2370 -198 11 -334 11 -536 -1z m175 -1939 c168 -14 313 -43 460
+-91 601 -199 1018 -664 1279 -1428 55 -160 74 -287 83 -566 9 -298 -26 -614
+-98 -884 l-30 -114 26 -53 c31 -64 107 -134 170 -158 46 -18 47 -18 121 9 135
+49 243 148 309 281 34 68 35 74 35 185 -1 386 -40 989 -81 1222 -10 56 -9 59
+26 117 120 198 285 277 455 220 147 -49 283 -156 353 -278 128 -222 236 -472
+291 -676 60 -220 71 -305 71 -566 -1 -217 -3 -245 -28 -361 -49 -230 -145
+-464 -283 -691 -218 -360 -605 -632 -1097 -774 -113 -32 -191 -43 -200 -26 -3
+4 2 39 10 77 37 174 -21 307 -167 382 -51 26 -63 28 -165 27 -86 -1 -147 -9
+-280 -38 -123 -27 -205 -39 -297 -43 l-128 -6 -65 32 c-36 18 -109 65 -163
+105 -218 162 -335 226 -415 226 -116 0 -222 -79 -286 -214 -43 -89 -71 -190
+-71 -253 0 -23 9 -70 20 -105 23 -72 23 -78 10 -78 -5 0 -99 38 -209 85 -249
+106 -496 198 -716 266 -93 28 -175 56 -181 61 -8 6 9 48 55 140 l66 131 3 226
+c1 124 -2 478 -7 786 -9 559 -9 559 -4 -210 l5 -770 -31 -74 c-102 -243 -277
+-440 -501 -564 -85 -47 -255 -103 -353 -116 -310 -43 -687 31 -876 171 -424
+312 -642 1156 -515 1993 46 303 172 643 315 845 70 100 216 244 309 305 41 28
+76 57 78 65 9 43 69 152 119 214 73 91 268 286 358 358 371 296 839 488 1385
+568 318 46 594 59 835 40z m288 -3906 c74 -31 154 -82 300 -191 60 -44 143
+-97 185 -118 l76 -39 126 12 c69 6 202 28 295 48 229 49 344 52 428 10 118
+-57 170 -140 170 -271 0 -47 -6 -103 -16 -135 -58 -193 -335 -358 -672 -400
+-58 -8 -166 -11 -277 -8 -152 4 -203 10 -303 32 -385 89 -659 287 -735 534
+-25 80 -25 109 0 206 41 162 110 264 212 315 77 39 128 40 211 5z"/>
+<path d="M2678 6583 c28 -2 76 -2 105 0 28 2 5 3 -53 3 -58 0 -81 -1 -52 -3z"/>
+<path d="M2573 6573 c9 -2 25 -2 35 0 9 3 1 5 -18 5 -19 0 -27 -2 -17 -5z"/>
+<path d="M2868 6573 c12 -2 30 -2 40 0 9 3 -1 5 -23 4 -22 0 -30 -2 -17 -4z"/>
+<path d="M2528 6563 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M2953 6563 c9 -2 23 -2 30 0 6 3 -1 5 -18 5 -16 0 -22 -2 -12 -5z"/>
+<path d="M2465 6550 c-13 -5 -14 -9 -5 -9 8 0 24 4 35 9 13 5 14 9 5 9 -8 0
+-24 -4 -35 -9z"/>
+<path d="M3008 6553 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
+<path d="M3068 6543 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M3108 6533 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M2370 6515 c-14 -8 -20 -14 -15 -14 6 0 21 6 35 14 14 8 21 14 15 14
+-5 0 -21 -6 -35 -14z"/>
+<path d="M3281 6476 c10 -9 89 -46 89 -41 0 5 -75 45 -86 45 -4 0 -5 -2 -3 -4z"/>
+<path d="M3380 6426 c0 -3 9 -10 20 -16 11 -6 20 -8 20 -6 0 3 -9 10 -20 16
+-11 6 -20 8 -20 6z"/>
+<path d="M3533 6310 c43 -40 99 -101 124 -134 51 -67 71 -90 58 -66 -37 67
+-164 207 -230 253 -16 12 5 -12 48 -53z"/>
+<path d="M3747 6035 c9 -19 18 -33 21 -31 4 5 -26 66 -33 66 -3 0 3 -16 12
+-35z"/>
+<path d="M3770 5985 c0 -5 5 -17 10 -25 5 -8 10 -10 10 -5 0 6 -5 17 -10 25
+-5 8 -10 11 -10 5z"/>
+<path d="M3797 5920 c3 -14 12 -41 20 -60 11 -30 12 -31 8 -6 -4 16 -13 43
+-20 60 -11 23 -13 25 -8 6z"/>
+<path d="M3831 5804 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M3841 5764 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M3851 5724 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
+<path d="M3862 5670 c0 -19 2 -27 5 -17 2 9 2 25 0 35 -3 9 -5 1 -5 -18z"/>
+<path d="M3873 5555 c0 -44 2 -61 4 -37 2 23 2 59 0 80 -2 20 -4 1 -4 -43z"/>
+<path d="M5660 5552 c-116 -30 -331 -175 -303 -203 8 -8 31 4 84 45 243 186
+447 180 697 -22 34 -28 45 -33 55 -23 14 14 -16 43 -116 112 -73 51 -135 79
+-212 95 -79 17 -126 16 -205 -4z"/>
+</g>
+</svg>

public/icons/site.webmanifest

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

public/index.html

@@ -2,13 +2,30 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/icons/favicon.ico" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <meta name="theme-color" content="#000000" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="%PUBLIC_URL%/icons/site.webmanifest" />
+    
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/icons/favicon-16x16.png">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/icons/favicon.ico" />
+    <link rel="mask-icon" href="%PUBLIC_URL%/icons/safari-pinned-tab.svg" color="#6b3e9f">
+    <meta name="msapplication-config" content="%PUBLIC_URL%/icons/browserconfig.xml">
+
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+
+    <link href="%PUBLIC_URL%/splashes/apple_splash_2048.png" sizes="2048x2732" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_1668.png" sizes="1668x2224" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_1536.png" sizes="1536x2048" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_1125.png" sizes="1125x2436" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_1242.png" sizes="1242x2208" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_750.png" sizes="750x1334" rel="apple-touch-startup-image" />
+    <link href="%PUBLIC_URL%/splashes/apple_splash_640.png" sizes="640x1136" rel="apple-touch-startup-image" />
     <style>
       body::-webkit-scrollbar {
           display: none;

public/manifest.json

@@ -10,6 +10,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
+  "theme_color": "#673AB7",
   "background_color": "#ffffff"
 }