fred.boniface
/
OwlBoard
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Frontend Changes

This commit is contained in:
Fred Boniface 2022-12-20 12:45:31 +00:00
parent e1adaa0524
commit 0572420d19
3 changed files with 54 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/board.html
View File

@ -16,9 +16,9 @@
<body>
<div id="content">
<div id="header">
<h1 id="station_name">SVRNBCH</h1>
<p id="fetch_date" class="header-right">19/12/2022</p>
<p id="fetch_time" class="header-right">23:45:01</p>
<h1 id="station_name" class="hide-when-loading">SVRNBCH</h1>
<p class="header-right">Data from:</p>
<p id="fetch_time" class="header-right">Loading...</p>
</div>
<div id="loading">
<div class="spinner">

47
static/help.html
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="OwlBoard - Live train departures for traincrew."/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="application-name" content="OwlBoard">
<meta name="author" content="Frederick Boniface">
<meta name="theme-color" content="#155bb7">
<link rel="stylesheet" type="text/css" href="./styles/style.css"/>
<link rel="icon" type="image/png" href="./images/logo/logo-sq-256.png"/>
<link rel="manifest" type="application/json" href="./manifest.json"/>
<script src="./js/nav.js"></script>
<title>OwlBoard</title>
</head>
<body>
<picture>
<source media="(min-width:800px)" secset="./images/logo/logo-full-715.webp" type="image/webp">
<source media="(min-width:800px)" srcset="./images/logo/logo-full-715.png" type="image/png">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.webp" type="image/webp">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.png" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.webp" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.png" type="image/png">
<img class="titleimg" src="./images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture>
<div id="back_button">
<a href="./index.html">BACK</a>
</div>
<h2>Help</h2>
<p>OwlBoard gives you quick and easy access to departure boards for
all National Rail stations in the UK.</p>
<p>Just type a CRS or TIPLOC into the textbox on the homepage and tap
enter on the screen or your keypad.</p>
<p>For example, Portway Park &
Ride's CRS is 'PRI', and its TIPLOC is 'PTWYPR'; Portsmouth Harbour's
CRS is 'PMH', and its TIPLOC is 'PHBR'.</p>
<p>A CRS is always three letters,
a TIPLOC can be between 4-7 letters.</p>
<br>
<h3>Don't know the CRS or TIPLOC?</h3>
<p>Sorry, you can't search for them on OwlBoard yet but will be able to
in the future.</p>
<h3>Spotted an issue with the site?</h3>
<p>Let me know by <a href="./report.html">reporting an issue</a>.</p>
</body>
</html>

4
static/styles/boards.css
View File

@ -73,4 +73,8 @@
#footer img {
height: 35px;
}
.hide-when-loading {
display: none;
}