This repository has been archived on 2023-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
web/registered.html

74 lines
3.1 KiB
HTML

<!-- CONTAINS A STYLE BLOCK IN HEAD -->
<!-- CONTAINS A SCRIPT BLOCK IN HEAD -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="OwlBoard - Live train departures, PIS codes & reference data for traincrew.">
<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" href="./styles/main.css">
<link rel="icon" type="image/svg+xml" href="./images/icon.svg">
<link rel="manifest" type="application/json" href="./manifest.json">
<script src="./js/lib.main.js" defer></script>
<script src="./js/registered.js" defer></script>
<title>OwlBoard</title>
<style>
#reg_success{display:none}
#reg_fail{display:none}
#fail_msg{display:none}
#other{display:none}
</style>
</head>
<body>
<!-- Loading Box -->
<div id="loading">
<div class="spinner">
</div>
<p id="loading_desc">Loading</p>
</div>
<!-- Main Content Begins -->
<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">
</picture>
<br>
<div id="reg_success">
<h2>Check your emails</h2>
<p>An email containing a magic link has been sent</p>
<p>Click the link on the device that you want to use OwlBoard on - don't
worry, you can use the same address to sign up on another device</p>
<p>Do note that you will only be signed in in the browser you open the link with
and can only be used once</p>
<p>Do check your spam or junk folder if you don't see the email in the
next ten minutes.</p>
<p>For your privacy, only the 'host' part of your email address has been stored for example "@owlboard.info"</p>
</div>
<div id="reg_fail">
<h2>We couldn't sign you up</h2>
<p>Sorry, we couldn't sign you up at the moment.</p>
<p id="fail_msg">The error message is: <span id="fail_reason"></span></p>
<p>Please try again later, if you still can't sign up then check that
you are using a valid railway email address. You can <a href="./issue.html">
submit an issue</a> if you think there is something wrong on our end.</p>
</div>
<div id="other">
<h2>We're not sure if that worked</h2>
<p>Sorry, we don't know if the signup worked, do check your emails and
try again if you don't receive one from us.</p>
</div>
<a class="actionbutton" href="./">Go Home</a>
<!-- Footer -->
<footer>
<p>&copy; Fred Boniface 2023 - <a href="./stats.html"><span id="ver_str">???</span></a></p>
</footer>
</body>
</html>