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> <h1 id="stn_name" class="header-large"></h1>
</div> </div>
<div id="header-right"> <div id="header-right">
<p class="header-small">Data from:</p> <picture id="refresh" onclick="location.reload()">
<p id="fetch_time" class="header-small">Loading...</p> <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>
</div> </div>
@ -113,16 +121,10 @@
<img src="./images/nre/nre-powered_400w.png" alt="Powered by National Rail Enquiries"> <img src="./images/nre/nre-powered_400w.png" alt="Powered by National Rail Enquiries">
</picture> </picture>
</a> </a>
<a href="/"> <div id="timeblock">
<picture id="owlboard_logo"> <p class="header-small">Data from:</p>
<source srcset="./images/logo/mono-logo.svg" type="image/svg+xml"> <p id="fetch_time" class="header-small">Loading...</p>
<img src="./images/logo/mono-logo-33.png" alt="OwlBoard Logo"> </div>
</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> </div>
</div> </div>
</body> </body>

View File

@ -64,7 +64,7 @@
</div> </div>
<!-- Footer --> <!-- Footer -->
<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> </footer>
</body> </body>
</html> </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 { .header-small {
text-align: right; text-align: right;
padding-right: 5px; padding-right: 5px;
@ -324,17 +343,13 @@ caption{
top: 6px; top: 6px;
} }
#owlboard_logo { #timeblock {
position: absolute; position: absolute;
right: 60px; top: 0;
top: 8px; right: 0;
} color: azure;
margin-top: 0;
#home_icon { font-size: 13px;
position: absolute;
width: 10px;
right: 40px;
top: 8px;
} }
/* Animations */ /* Animations */

3
sw.js
View File

@ -1,6 +1,6 @@
/* Service Worker */ /* Service Worker */
const appVersion = "1.1.2" const appVersion = "1.2.0"
const cacheName = `owlboard-${appVersion}`; const cacheName = `owlboard-${appVersion}`;
const cacheIDs = [cacheName]; const cacheIDs = [cacheName];
const cacheFiles = [ const cacheFiles = [
@ -40,6 +40,7 @@ const cacheFiles = [
"/images/nav/back.svg", "/images/nav/back.svg",
"/images/nav/hamburger.svg", "/images/nav/hamburger.svg",
"/images/nav/close.svg", "/images/nav/close.svg",
"/images/nav/refresh.svg",
"/images/nre/nre-powered_400w.webp", "/images/nre/nre-powered_400w.webp",
"/images/nre/nre-powered_400w.jxl" "/images/nre/nre-powered_400w.jxl"
]; ];