108 lines
4.5 KiB
HTML
108 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Athena</title>
|
|
|
|
<meta charset="UTF-8"/>
|
|
<meta name="description" content="Athena - Quick links to live train departures for traincrew."/>
|
|
<meta name="viewport" content="width=device-width, initial=scale=1.0">
|
|
<meta name="application-name" content="Athena">
|
|
<meta name="author" content="Frederick Boniface">
|
|
|
|
<link rel="stylesheet" type="text/css" href="/styles/style.css"/>
|
|
<link rel="icon" type="image/png" href="/assets/icons/favicon.ico"/>
|
|
<link rel="manifest" type="application/json" href="/manifest.json"/>
|
|
|
|
<script src="/scripts/tiploc-finder.js"></script>
|
|
<script src="/scripts/nav.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Popup Menu -->
|
|
<div id="menu-button" class="menu-button">
|
|
<img onclick="openMenu()" src="/assets/icons/menu.png"></img>
|
|
</div>
|
|
<div id="menu" class="menu">
|
|
<button class="menuitem" onclick="openAboutPopup(),closeMenu()">Help</button>
|
|
<button class="menuitem" onclick="openTiplocPopup(),closeMenu()">Code Lookup</button>
|
|
<img onclick="closeMenu()" class="popup-close" src="/assets/icons/close-circle.png"></img>
|
|
</div>
|
|
|
|
<!-- Main Content Begins -->
|
|
<img class="titleimg" src="/assets/title/title.webp"></img>
|
|
|
|
<br>
|
|
|
|
<input class="lookup-box" type="text" id="crs-lookup" name="crs-lookup" placeholder="Enter CRS/TIPLOC"/>
|
|
<br>
|
|
<button class="lookup-button" onclick="getTextEntry()">Lookup Departure Board</button>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<h2>Quick Links</h2>
|
|
<button class="quicklink" onclick="gotoInfoBoard('bathspa')">BTH</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('brstltm')">BRI</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('brstpwy')">BPW</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('crdfcen')">CDF</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('gloster')">GCR</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('oldfldp')">OLF</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('soton')">SOU</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('wstbryw')">WSB</button>
|
|
<button class="quicklink" onclick="gotoInfoBoard('wsmare')">WSM</button>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<p>This is an Alpha release and is under testing.</p>
|
|
<p>Some features may not work and some stations may not be available.</p>
|
|
|
|
<!-- Popup Boxes (Usually Hidden with CSS) -->
|
|
<div id="popup-about" class="popup-info">
|
|
<img onclick="closeAboutPopup()" class="popup-close" src="/assets/icons/close-circle.png"></img>
|
|
<h2>Help</h2>
|
|
<p>Just type in a three character CRS code or a TIPLOC into the text
|
|
box and tap the Lookup button.</p>
|
|
<p>If you enter a TIPLOC, this will not be verified - if it is
|
|
incorrect or unavailable on Tiger, you will be redirected to a
|
|
blank board. CRS codes will be verified against a lookup file
|
|
before redirecting.</p>
|
|
<p>Use the TIPLOC Lookup option from the menu to look up a TIPLOC from
|
|
a given CRS code.</p>
|
|
<p>Some stations are not on Tiger and these stations are not supported
|
|
here either. Notably TfW and Chiltern stations that border the GWR
|
|
network. Most GWR Central served stations are now available to
|
|
lookup.</p>
|
|
<p>Until there is a more modern public API offering access to Darwin,
|
|
I have no interest in supporting any more than simply linking to
|
|
the relevent Tiger page.</p>
|
|
</div>
|
|
|
|
<div id="popup-tiploc" class="popup-info">
|
|
<img onclick="closeTiplocPopup()" class="popup-close" src="/assets/icons/close-circle.png"></img>
|
|
<h2>Code Lookup</h2>
|
|
<p hidden>Enter a CRS Code in the textbox and tap Go.</p>
|
|
<p hidden>All GWR managed stations can be looked up but others cannot be
|
|
gauranteed.</p>
|
|
<p>THIS FEATURE IS NOT YET IMPLEMENTED</p>
|
|
<input type="text" id="lookup-tiploc" name="lookup-tiploc" placeholder="Enter CRS"/>
|
|
<button onclick="tiplocFinder()">Go</button>
|
|
<br>
|
|
<p id="resultCRS">CRS: </p>
|
|
<p id="resultName">Name: </p>
|
|
<p id="resultTIPLOC">TIPLOC: </p>
|
|
<p id="resultSTANME">STANME: </p>
|
|
<p id="resultSTANOX">STANOX: </p>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<p>Created by Fred Boniface - v0.4.0-devel</p>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|