Update board layout, bump minor version

This commit is contained in:
Fred Boniface 2023-03-30 20:15:12 +01:00
parent e4304e31ac
commit a80c9c632b
4 changed files with 42 additions and 24 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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 */

3
sw.js
View File

@ -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"
];