Lint fixes, expand help, deep links

This commit is contained in:
Fred Boniface
2023-05-08 21:06:48 +01:00
parent 15fa5823e6
commit 7e89447816
6 changed files with 49 additions and 39 deletions

View File

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="OwlBoard - How to use OwlBoard."/>
<meta name="robots" content="noindex"/>
<meta charset="UTF-8">
<meta name="description" content="OwlBoard - How to use OwlBoard.">
<meta name="robots" content="noindex">
<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="#00b7b7">
<link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png">
<link rel="stylesheet" type="text/css" href="./styles/main.css"/>
<link rel="stylesheet" type="text/css" href="./styles/help.css"/>
<link rel="icon" type="image/svg+xml" href="./images/icon.svg"/>
<link rel="manifest" type="application/json" href="./manifest.json"/>
<link rel="apple-touch-icon" href="./images/app-icons/any/apple-192.png">
<link rel="stylesheet" type="text/css" href="./styles/main.css">
<link rel="stylesheet" type="text/css" href="./styles/help.css">
<link rel="icon" type="image/svg+xml" href="./images/icon.svg">
<link rel="manifest" type="application/json" href="./manifest.json">
<!-- NO SCRIPTS LOADED - NOT REQUIRED AT PRESENT -->
<title>OwlBoard</title>
</head>
@@ -20,41 +20,47 @@
<body>
<div id="top_button" class="hide_micro">
<a href="/">
<picture aria-label="Home" class="sidebar_control">
<source srcset="/images/nav/back.svg" type="image/svg+xml">
<img src="back-40.png" alt="Home">
<a href="./">
<picture class="sidebar_control">
<source srcset="./images/nav/back.svg" type="image/svg+xml">
<img aria-label="Home" src="./images/nav/back-40.png" alt="Home">
</picture>
</a>
</div>
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="./images/logo/logo-full-200.png" type="image/png">
<source srcset="./images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="./images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<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, TIPLOC or STANOX into the textbox on the homepage and tap
<p>OwlBoard gives you quick and easy access to departure boards for
all National Rail stations in the UK. It replaces <a href="https://athena.fb-infra.uk">Athena</a>
and adds location reference codes, PIS code lookups and gives faster access to departure boards.</p>
<p>Just type a CRS, TIPLOC or STANOX into the textbox on the homepage and tap
enter on the screen or your keypad. You can also select a differnt board type,
more details on your choices below.</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>
<p>For example, Portway Park &amp; 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 or numbers.</p>
<br>
<h3>Don't know the CRS or TIPLOC?</h3>
<p>Sorry, you can't search by name but you can use our <a href="find-code.html">
<p>Sorry, you can't search by name but you can use our <a href="./find-code.html">
Code Lookup</a> page to help.</p>
<h3>Board Types</h3>
<h4>Basic Board - Default</h4>
<p>The basic board shows the next 10 train arrival and departures, as well as
<p>The basic board shows the next 10 train arrival and departures, as well as
bus and ferry departures where available.</p>
<p>You can tap on a trains origin or destination to see service details.</p>
<br>
<h3>PIS Lookup</h3>
<p>PIS Codes are used on-train to tell the PIS system the stopping patter of the
service. Some systems allow you to enter the headcode and will then load the
stops, but others require a code to be input into the system.</p>
<p>Once you are logged in to the <a href="./settings.html#railstaff">Rail Staff
Version</a> of OwlBoard you can lookup PIS Codes by typing in the CRS code of
the first and last stop of your service. Lookup by headcode is being worked on.</p>
<h3>Glossary</h3>
<p>Some of the terms may be new to you or different from those commonly used.</p>
<table id="table">
@@ -72,7 +78,7 @@
</tr>
<tr>
<td>NLC</td>
<td>National Location Code - Used for finance & accounting</td>
<td>National Location Code - Used for finance &amp; accounting</td>
</tr>
<tr>
<td>RT</td>
@@ -86,6 +92,10 @@
<td>TIPLOC</td>
<td>Timing Point Location (Name)</td>
</tr>
<tr>
<td>PIS</td>
<td>Passenger Information System (or Passenger Information Screems)</td>
</tr>
</table>
<br>
<h3>Spotted an issue with the site?</h3>