Working template, revived JS.

2026-06-13 11:20:18 +01:00
parent 02992f56ec
commit 2c4f4bb90e
2 changed files with 131 additions and 11 deletions
@@ -0,0 +1,120 @@
+<!DOCTYPE HTML>
+<html>
+  <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">
+
+    <script>
+      function querySt(attribute) {
+      url = window.location.search.substring(1);
+      substrings = url.split('&');
+      for (i=0;i<substrings.length;i++) {
+        ft = substrings[i].split('=');
+          if (ft[0] == attribute) {
+                  return ft[1];
+          }
+        }
+      }
+
+      function prefill(attribute) {
+        var value = querySt(attribute);
+        value = decodeURIComponent(value);
+
+              if(value !== 'undefined'){
+                document.getElementById(attribute).value = value;
+              } else {
+                document.getElementById(attribute).value = '';
+              }
+      }
+    </script>
+
+  </head>
+
+  <body>
+
+    <div class="wrapper">
+
+      <div class="header">
+        <table>
+          <tr>
+            <td>
+              <a href="/fares"><img src="https://cdn.ballast-data.co.uk/Icon-NB.svg"></a>
+            </td>
+            <td>
+              Ballast-Data Product <br>
+              <a href="/">Home</a> |
+              <a href="/fares">Fares</a> |
+              <a href="/stations">Stations</a> |
+              <a href="/about">About Us</a>
+            </td>
+          </tr>
+        </table>
+      </div>
+
+      <div class="content">
+
+        <div class="branding" style="margin-left: auto; margin-right: auto; width: fit-content; padding: var(--pad);">
+          <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; color: var(--A1)"> Fares </b>
+        </div>
+
+        <div class="query">
+          <form method="get" action="/fares">
+            <input
+              name="origin"
+              id="origin"
+              required
+              autocomplete="on"
+              placeholder="Origin*"
+              style="width: 10em;"
+            />
+            <script>prefill('origin')</script>
+
+            <input
+              name="destination"
+              id="destination"
+              required
+              autocomplete="on"
+              placeholder="Destination*"
+              style="width: 10em;"
+            />
+            <script>prefill('destination')</script>
+
+            <input
+              name="toc"
+              id="toc"
+              autocomplete="on"
+              placeholder="TOC"
+              style="width: 5em;"
+            />
+            <script>prefill('toc')</script>
+
+            <input type="submit" value="Go!" style="width: 5em;">
+          </form>
+        </div>
+
+<!-- Content -->
+
+      </div>
+
+      <br>
+
+      <div class="footer">
+        <span>
+          Powered by National Rail Enquiries. This site is not accredited by National Rail. <br>
+          We use information from
+          <a href="https://opendata.nationalrail.co.uk/" target="_blank">National Rail Open Data</a>
+          and
+          <a href="https://raildata.org.uk/" target="_blank">Rail Data Marketplace</a>. <br>
+          This service is not to be used for safety critical purposes. <br>
+        </span>
+      </div>
+
+    </div>
+
+  </body>
+
+</html>