sam/fares_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Major tweaks, still no API protection, insecure for live.

Browse Source
This commit is contained in:
Samuel Jones
2026-06-09 17:16:09 +01:00
parent 681d50e6b6
commit d84f80a998
3 changed files with 58 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
media/template.html
+31 -8
View File
@@ -1,5 +1,5 @@
<!DOCTYPE HTML>
<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>
@@ -16,19 +16,29 @@
.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;">
<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);">
<div style="width: 100%; padding: 0px; margin: 0px; background-color: var(--A0); min-height: 100%; display: flex; flex-direction: column;">
<div style="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)">
<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>
<img src="https://cdn.ballast-data.co.uk/Icon-NB.svg">
<a href="/fares">
<img src="https://cdn.ballast-data.co.uk/Icon-NB.svg">
</a>
</td>
<td>
Ballast-Data Product |
@@ -41,23 +51,36 @@
<br>
<div style="width: fit-content; margin-left: auto; margin-right: auto; 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; 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>
<img height=80px src="https://cdn.ballast-data.co.uk/Logo.svg">
<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="margin-left: auto; margin-right: auto; width: fit-content; background-color: var(--D2); color: var(--A0); margin-top: 0px; padding: 12px; border-radius: 9px 9px 0 0; border: 6px solid var(--D1)">
<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>