89 lines
3.2 KiB
HTML
89 lines
3.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html style="min-height: 100vh; display: flex;">
|
|
<head>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap">
|
|
<link rel="stylesheet" href="https://cdn.ballast-data.co.uk/theme.css">
|
|
<link rel="icon" type="image/x-icon" href="https://cdn.ballast-data.co.uk/Icon.svg">
|
|
|
|
<style>
|
|
.level0 {
|
|
text-align: right;
|
|
}
|
|
.col0,
|
|
.col1,
|
|
.col2 {
|
|
text-align: left;
|
|
}
|
|
input {
|
|
font-family: "Merriweather Sans";
|
|
font-size: 1em;
|
|
border: 3px solid var(--A1);
|
|
}
|
|
input:hover {
|
|
background-color: var(--C2);
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body style="padding: 0px; margin: 0px; min-height: 100%; background-color: var(--A2); display: flex; width: 100%;">
|
|
|
|
<div style="width: 100%; padding: 0px; margin: 0px; background-color: var(--A0); min-height: 100%; display: flex; flex-direction: column;">
|
|
|
|
<div style="position: sticky; top: 0px; margin-left: auto; margin-right: auto; width: fit-content; background-color: var(--C2); color: var(--A0); margin-top: 0px; padding: 12px; border-radius: 0 0 9px 9px; border: 6px solid var(--C1);">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<a href="/fares">
|
|
<img src="https://cdn.ballast-data.co.uk/Icon-NB.svg">
|
|
</a>
|
|
</td>
|
|
<td>
|
|
Ballast-Data Product |
|
|
Contact: Non-Doxxing Email Lorum Ipsum <br>
|
|
Some Header Content
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div style="width: fit-content; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top: 1em; border: 9px solid var(--B2); border-radius: 3px; padding: 12px; background-color: white; border-radius: 9px;">
|
|
|
|
<div style="width: fit-content; margin-left: auto; margin-right: auto; border-bottom: 9px solid var(--C1);">
|
|
<br>
|
|
<a href="/fares">
|
|
<img height=80px src="https://cdn.ballast-data.co.uk/Logo.svg">
|
|
</a>
|
|
<b style="font-size: 4em; line-height: 1; font-weight: 600;"> Fares </b> <br>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div style="margin-left: auto; margin-right: auto; width: fit-content;">
|
|
<form method="get" action="/fares">
|
|
<input name="origin" placeholder="Origin*" style="width: 10em;">
|
|
<input name="destination" placeholder="Destination*" style="width: 10em;">
|
|
<input name="toc" placeholder="TOC" style="width: 5em;">
|
|
<input type="submit" value="Go!" style="width: 5em;">
|
|
</form>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<!-- Content -->
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div style="display: flex; margin-top: auto; margin-left: auto; margin-right: auto; width: fit-content; background-color: var(--D2); color: var(--A0); padding: 12px; border-radius: 9px 9px 0 0; border: 6px solid var(--D1);">
|
|
Open Rail Data Disclaimer Etc. | No Guarantees or Whatever | We do freelance and dont want to be poor.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|