From a80c9c632b6f9980612d7a2fda2b90327a63d1b7 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Thu, 30 Mar 2023 20:15:12 +0100
Subject: [PATCH] Update board layout, bump minor version

---
 board.html        | 26 ++++++++++++++------------
 index.html        |  2 +-
 styles/boards.css | 35 +++++++++++++++++++++++++----------
 sw.js             |  3 ++-
 4 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/board.html b/board.html
index 76bdb2a..5a49c95 100644
--- a/board.html
+++ b/board.html
@@ -30,8 +30,16 @@
           <h1 id="stn_name" class="header-large"></h1>
         </div>
         <div id="header-right">
-          <p class="header-small">Data from:</p>
-          <p id="fetch_time" class="header-small">Loading...</p>
+          <picture id="refresh" onclick="location.reload()">
+            <source srcset="./images/nav/refresh.svg" type="image/svg+xml">
+            <img src="./images/nav/refresh-50.png" alt="OwlBoard Logo">
+          </picture>
+          <a href="/">
+            <picture id="home_icon">
+              <source srcset="./images/nav/home_icon.svg" type="image/svg+xml">
+              <img src="./images/nav/home_icon-40.png" alt="Home">
+            </picture>
+          </a>
         </div>
       </div>
 
@@ -113,16 +121,10 @@
             <img src="./images/nre/nre-powered_400w.png" alt="Powered by National Rail Enquiries">
           </picture>
         </a>
-        <a href="/">
-          <picture id="owlboard_logo">
-            <source srcset="./images/logo/mono-logo.svg" type="image/svg+xml">
-            <img src="./images/logo/mono-logo-33.png" alt="OwlBoard Logo">
-          </picture>
-          <picture id="home_icon">
-            <source srcset="./images/nav/home_icon.svg" type="image/svg+xml">
-            <img src="./images/nav/home_icon-40.png" alt="Home">
-          </picture>
-        </a>
+        <div id="timeblock">
+          <p class="header-small">Data from:</p>
+          <p id="fetch_time" class="header-small">Loading...</p>
+        </div>
       </div>
     </div>
   </body>
diff --git a/index.html b/index.html
index a0bd601..9059024 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
       </div>
     <!-- Footer -->
     <footer>
-      <p>Created by <a href="https://fredboniface.co.uk" target="_blank" rel="noreferrer noopener">Fred Boniface</a> - <span id="ver_str">1.1.2</span></p>
+      <p>Created by <a href="https://fredboniface.co.uk" target="_blank" rel="noreferrer noopener">Fred Boniface</a> - <span id="ver_str">1.2.0</span></p>
     </footer>
   </body>
 </html>
diff --git a/styles/boards.css b/styles/boards.css
index 12c4d34..ea003bb 100644
--- a/styles/boards.css
+++ b/styles/boards.css
@@ -64,6 +64,25 @@
     }
 }
 
+#refresh {
+    position: absolute;
+    right: 60px;
+    top: 12px;
+    cursor: pointer;
+}
+
+#refresh img {
+    width: 25px;
+    height: 25px;
+}
+
+#home_icon {
+    position: absolute;
+    width: 30px;
+    right: 10px;
+    top: 10px;
+}
+
 .header-small {
     text-align: right;
     padding-right: 5px;
@@ -324,17 +343,13 @@ caption{
     top: 6px;
 }
 
-#owlboard_logo {
+#timeblock {
     position: absolute;
-    right: 60px;
-    top: 8px;
-}
-
-#home_icon {
-    position: absolute;
-    width: 10px;
-    right: 40px;
-    top: 8px;
+    top: 0;
+    right: 0;
+    color: azure;
+    margin-top: 0;
+    font-size: 13px;
 }
 
 /* Animations */
diff --git a/sw.js b/sw.js
index 41d9b5c..025810d 100644
--- a/sw.js
+++ b/sw.js
@@ -1,6 +1,6 @@
 /* Service Worker */
 
-const appVersion = "1.1.2"
+const appVersion = "1.2.0"
 const cacheName = `owlboard-${appVersion}`;
 const cacheIDs = [cacheName];
 const cacheFiles = [
@@ -40,6 +40,7 @@ const cacheFiles = [
     "/images/nav/back.svg",
     "/images/nav/hamburger.svg",
     "/images/nav/close.svg",
+    "/images/nav/refresh.svg",
     "/images/nre/nre-powered_400w.webp",
     "/images/nre/nre-powered_400w.jxl"
 ];