Fix locations

index.html

@@ -4,11 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <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" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/tube-status/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/tube-status/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/tube-status/favicon-16x16.png" />
+    <link rel="manifest" href="/tube-status/manifest.json" />
+    <link rel="mask-icon" href="/tube-status/safari-pinned-tab.svg" color="#5bbad5" />
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta name="theme-color" content="#ffffff" />
     <title>London Tube Status</title>

public/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "Transport for London Status Page",
+  "short_name": "Tube Status",
+  "icons": [
+    {
+      "src": "/tube-status/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/tube-status/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}