New: Brand new React Rail logo!

JeeZeh · Aug 4, 2020 · 2713bb8 · 2713bb8
1 parent 1a3ab7a
commit 2713bb8
Show file tree

Hide file tree

Showing 17 changed files with 156 additions and 16 deletions.
diff --git a/configs/webpack/common.js b/configs/webpack/common.js
@@ -32,7 +32,7 @@ module.exports = {
         ],
       },
       {
-        test: /\.jpe?g$|\.ico$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$|\.json$/,
+        test: /\.jpe?g$|\.ico$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$|\.json$|\.xml$|\.png:Zone\.Identifier$/,
         loader: "file-loader?name=[name].[ext]", // <-- retain original file name
       },
     ],

diff --git a/src/android-chrome-192x192.png b/src/android-chrome-192x192.png
diff --git a/src/android-chrome-512x512.png b/src/android-chrome-512x512.png
diff --git a/src/apple-touch-icon.png b/src/apple-touch-icon.png
diff --git a/src/apple-touch-icon.png:Zone.Identifier b/src/apple-touch-icon.png:Zone.Identifier
@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=about:client
+HostUrl=about:internet
diff --git a/src/apple-touch.png b/src/apple-touch.png
diff --git a/src/apple_touch.png b/src/apple_touch.png
diff --git a/src/browserconfig.xml b/src/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#f1f1f1</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/src/favicon-16x16.png b/src/favicon-16x16.png
diff --git a/src/favicon-32x32.png b/src/favicon-32x32.png
diff --git a/src/favicon.ico b/src/favicon.ico
diff --git a/src/favicon.png b/src/favicon.png
diff --git a/src/index.html.ejs b/src/index.html.ejs
@@ -8,8 +8,11 @@
     />
     <meta name="theme-color" content="primary color" />
     <title>React Rail</title>
-    <link rel="icon" href="favicon.ico" , type="image/x-icon" />
-    <link rel="apple-touch-icon" href="apple_touch.png" />
+    <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="mask-icon" href="/safari-pinned-tab.svg" color="#515151" />
+    <meta name="msapplication-TileColor" content="#f1f1f1" />
     <link rel="manifest" href="manifest.json" />
     <meta
       name="description"

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import { render } from "react-dom";
-require("./favicon.ico");
+require("./browserconfig.xml");
+require("./apple-touch-icon.png:Zone.Identifier");
 import App from "./components/App";
 // import { polyfill as smoothScrollPolyfill } from "smoothscroll-polyfill";
 
@@ -24,6 +25,7 @@ if ("serviceWorker" in navigator) {
       .register("/service-worker.js")
       .then((registration) => {
         console.log("SW registered: ", registration);
+        registration.update();
       })
       .catch((registrationError) => {
         console.log("SW registration failed: ", registrationError);

diff --git a/src/manifest.json b/src/manifest.json
@@ -4,23 +4,18 @@
   "description": "See the live timetable for any Irish Rail station, and the journey each train is on.",
   "icons": [
     {
-      "src": "./favicon.ico",
-      "type": "image/ico",
-      "sizes": "256x256"
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
     },
     {
-      "src": "./favicon.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    },
-    {
-      "src": "./apple_touch.png",
-      "type": "image/png",
-      "sizes": "192x192"
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
     }
   ],
   "start_url": "/",
   "display": "standalone",
-  "background_color": "#fafafa",
+  "background_color": "#f1f1f1",
   "theme_color": "#515773"
 }
diff --git a/src/mstile-150x150.png b/src/mstile-150x150.png
diff --git a/src/safari-pinned-tab.svg b/src/safari-pinned-tab.svg
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,7 +32,7 @@ module.exports = { @@
             ],
           },
           {
-            test: /\.jpe?g$|\.ico$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$|\.json$/,
+            test: /\.jpe?g$|\.ico$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$|\.json$|\.xml$|\.png:Zone\.Identifier$/,
             loader: "file-loader?name=[name].[ext]", // <-- retain original file name
           },
         ],
@@ Expand Down @@