From c0997e92d43fce6c20919c07c955213047828181 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Fri, 7 Jul 2023 11:29:33 +0100
Subject: [PATCH] Reformat

---
 .prettierrc                                  |   2 +-
 src/app.css                                  |  19 +--
 src/lib/islands/input-island-form.svelte     |  15 +-
 src/lib/islands/island.svelte                |   3 +-
 src/lib/islands/overlay-island.svelte        |   3 +-
 src/lib/islands/quick-link-island.svelte     |   3 +-
 src/lib/islands/quick-link-set-island.svelte |   6 +-
 src/lib/ldb/alert-bar.svelte                 |  18 +--
 src/lib/ldb/public-ldb.svelte                | 141 ++++---------------
 src/lib/ldb/staff-ldb.svelte                 |  45 ++----
 src/lib/navigation/loading.svelte            |   6 +-
 src/lib/navigation/nav-ldb.svelte            |  18 +--
 src/lib/overlays/welcome.svelte              |   3 +-
 src/lib/stores/quick-links.js                |   7 +-
 src/lib/train/train-detail.svelte            |  19 +--
 src/routes/+error.svelte                     |  10 +-
 src/routes/+layout.svelte                    |   5 +-
 src/routes/more/about/+page.svelte           |   9 +-
 src/routes/more/corpus/+page.svelte          |  41 +-----
 src/routes/more/data/+page.svelte            |  18 +--
 src/routes/more/privacy/+page.svelte         |  55 ++------
 src/routes/more/reasons/+page.svelte         |  19 +--
 src/routes/more/reg/+page.svelte             |  43 ++----
 src/routes/more/report/+page.svelte          |  28 +---
 src/routes/pis/+page.svelte                  |  24 +---
 25 files changed, 117 insertions(+), 443 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index 6307b22..02869a6 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,7 +4,7 @@
   "semi": true,
   "singleQuote": true,
   "trailingComma": "none",
-  "printWidth": 80,
+  "printWidth": 180,
   "plugins": ["prettier-plugin-svelte"],
   "pluginSearchDirs": ["."],
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
diff --git a/src/app.css b/src/app.css
index e968024..5faa7c0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,32 +1,26 @@
 /* FONTS */
 @font-face {
   font-family: 'firamono';
-  src: url('/font/firamono/firamono-regular.woff2') format('woff2'),
-    url('/font/firamono/firamono-regular.woff') format('woff'),
+  src: url('/font/firamono/firamono-regular.woff2') format('woff2'), url('/font/firamono/firamono-regular.woff') format('woff'),
     url('/font/firamono/firamono-regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'firamono';
-  src: url('/font/firamono/firamono-500.woff2') format('woff2'),
-    url('/font/firamono/firamono-500.woff') format('woff'),
-    url('/font/firamono/firamono-500.ttf') format('truetype');
+  src: url('/font/firamono/firamono-500.woff2') format('woff2'), url('/font/firamono/firamono-500.woff') format('woff'), url('/font/firamono/firamono-500.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
 }
 @font-face {
   font-family: 'urwgothic';
-  src: url('/font/urwgothic/urwgothic.woff2') format('woff2'),
-    url('/font/urwgothic/urwgothic.woff') format('woff'),
-    url('/font/urwgothic/urwgothic.ttf') format('truetype');
+  src: url('/font/urwgothic/urwgothic.woff2') format('woff2'), url('/font/urwgothic/urwgothic.woff') format('woff'), url('/font/urwgothic/urwgothic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'urwgothic';
-  src: url('/font/urwgothic/urwgothicDemi.woff2') format('woff2'),
-    url('/font/urwgothic/urwgothicDemi.woff') format('woff'),
+  src: url('/font/urwgothic/urwgothicDemi.woff2') format('woff2'), url('/font/urwgothic/urwgothicDemi.woff') format('woff'),
     url('/font/urwgothic/urwgothicDemi.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
@@ -58,10 +52,7 @@ html {
 
 body {
   background-color: var(--main-bg-color);
-  background-image: radial-gradient(
-    var(--second-bg-color),
-    var(--main-bg-color)
-  );
+  background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color));
   color: var(--second-text-color);
   font-family: urwgothic, sans-serif;
   text-align: center;
diff --git a/src/lib/islands/input-island-form.svelte b/src/lib/islands/input-island-form.svelte
index 5a65574..7505a6d 100644
--- a/src/lib/islands/input-island-form.svelte
+++ b/src/lib/islands/input-island-form.svelte
@@ -10,14 +10,7 @@
 
 <Island {variables}>
   <form action={variables.action}>
-    <input
-      class="form-input"
-      type="text"
-      id="input-headcode"
-      name={variables.queryName}
-      placeholder={variables.placeholder}
-      autocomplete="off"
-    />
+    <input class="form-input" type="text" id="input-headcode" name={variables.queryName} placeholder={variables.placeholder} autocomplete="off" />
     <br />
     <button type="submit">Submit</button>
   </form>
@@ -32,8 +25,7 @@
     border-radius: 50px;
     border: none;
     text-align: center;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     text-transform: uppercase;
     font-size: 15px;
   }
@@ -44,8 +36,7 @@
     border: none;
     border-radius: 20px;
     padding: 5px;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-size: 16px;
     font-weight: 400;
     background-color: var(--main-bg-color);
diff --git a/src/lib/islands/island.svelte b/src/lib/islands/island.svelte
index 2641ab2..098bb96 100644
--- a/src/lib/islands/island.svelte
+++ b/src/lib/islands/island.svelte
@@ -9,8 +9,7 @@
 
 <style>
   span {
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-weight: 600;
     font-size: 20px;
     color: var(--main-text-color);
diff --git a/src/lib/islands/overlay-island.svelte b/src/lib/islands/overlay-island.svelte
index b42563f..acd8a96 100644
--- a/src/lib/islands/overlay-island.svelte
+++ b/src/lib/islands/overlay-island.svelte
@@ -11,8 +11,7 @@
 
 <style>
   span {
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     color: var(--main-text-color);
     font-weight: 600;
     font-size: 20px;
diff --git a/src/lib/islands/quick-link-island.svelte b/src/lib/islands/quick-link-island.svelte
index 56014dd..e6358c4 100644
--- a/src/lib/islands/quick-link-island.svelte
+++ b/src/lib/islands/quick-link-island.svelte
@@ -43,8 +43,7 @@
     border: none;
     border-radius: 20px;
     padding: 5px;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
diff --git a/src/lib/islands/quick-link-set-island.svelte b/src/lib/islands/quick-link-set-island.svelte
index c4325f4..4da98f8 100644
--- a/src/lib/islands/quick-link-set-island.svelte
+++ b/src/lib/islands/quick-link-set-island.svelte
@@ -92,8 +92,7 @@
     border: none;
     border-radius: 20px;
     padding: 5px;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
@@ -107,8 +106,7 @@
     border: none;
     border-radius: 20px;
     padding: 5px;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-size: 16px;
     font-weight: 400;
     background-color: var(--main-bg-color);
diff --git a/src/lib/ldb/alert-bar.svelte b/src/lib/ldb/alert-bar.svelte
index 28dc7de..56e754d 100644
--- a/src/lib/ldb/alert-bar.svelte
+++ b/src/lib/ldb/alert-bar.svelte
@@ -11,17 +11,7 @@
   }
 
   function numberAsWord(number) {
-    const words = [
-      'zero',
-      'one',
-      'two',
-      'three',
-      'four',
-      'five',
-      'six',
-      'seven',
-      'eight'
-    ];
+    const words = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight'];
     let word = words[number];
     if (word) {
       return word;
@@ -45,11 +35,7 @@
   <p id="arrow" class:displayAlerts>V</p>
 </div>
 {#if displayAlerts}
-  <div
-    id="alerts"
-    in:fly={{ y: -200, duration: 500 }}
-    out:fly={{ y: -200, duration: 800 }}
-  >
+  <div id="alerts" in:fly={{ y: -200, duration: 500 }} out:fly={{ y: -200, duration: 800 }}>
     {#each uniqueAlerts as msg}
       <p class="alert">{@html msg}</p>
     {/each}
diff --git a/src/lib/ldb/public-ldb.svelte b/src/lib/ldb/public-ldb.svelte
index c306c3f..16fbd9c 100644
--- a/src/lib/ldb/public-ldb.svelte
+++ b/src/lib/ldb/public-ldb.svelte
@@ -54,9 +54,7 @@
     isLoading = true; // Set loading state
     try {
       console.log(`Requested Station: ${requestedStation}`);
-      const data = await fetch(
-        `https://owlboard.info/api/v1/ldb/${requestedStation}`
-      );
+      const data = await fetch(`https://owlboard.info/api/v1/ldb/${requestedStation}`);
       jsonData = await data.json();
     } catch (error) {
       console.error('Error fetching data:', error);
@@ -168,41 +166,25 @@
       </tr>
       {#each services as service}
         <tr>
-          <td
-            class="origdest from"
-            on:click={loadService(service.serviceID)}
-            on:keypress={loadService(service.serviceID)}
-          >
+          <td class="origdest from" on:click={loadService(service.serviceID)} on:keypress={loadService(service.serviceID)}>
             {#if Array.isArray(service.origin?.location)}
-              {service.origin.location[0]['locationName'] +
-                ' & ' +
-                service.origin.location[1]['locationName']}
+              {service.origin.location[0]['locationName'] + ' & ' + service.origin.location[1]['locationName']}
             {:else}
               {service.origin?.location?.locationName || ''}
             {/if}
           </td>
-          <td
-            class="origdest to"
-            on:click={loadService(service.serviceID)}
-            on:keypress={loadService(service.serviceID)}
-          >
+          <td class="origdest to" on:click={loadService(service.serviceID)} on:keypress={loadService(service.serviceID)}>
             {#if Array.isArray(service.destination?.location)}
-              {service.destination.location[0]['locationName'] +
-                ' & ' +
-                service.destination.location[0]['locationName']}
+              {service.destination.location[0]['locationName'] + ' & ' + service.destination.location[0]['locationName']}
             {:else}
               {service.destination?.location?.locationName || ''}
             {/if}
           </td>
           <td class="plat">{service.platform || '-'}</td>
           <td class="time">{parseTime(service.sta).data}</td>
-          <td class="time {parseTime(service.eta).changed}"
-            >{parseTime(service.eta).data}</td
-          >
+          <td class="time {parseTime(service.eta).changed}">{parseTime(service.eta).data}</td>
           <td class="time">{parseTime(service.std).data}</td>
-          <td class="time {parseTime(service.etd).changed}"
-            >{parseTime(service.etd).data}</td
-          >
+          <td class="time {parseTime(service.etd).changed}">{parseTime(service.etd).data}</td>
         </tr>
 
         <tr
@@ -228,11 +210,7 @@
   {/if}
   {#if busServices.length}
     <br />
-    <img
-      class="transport-mode"
-      src="/images/transport-modes/bus.svg"
-      alt="Bus services"
-    /><br />
+    <img class="transport-mode" src="/images/transport-modes/bus.svg" alt="Bus services" /><br />
     <span class="table-head-text">Bus Services</span>
     <table class="ldbTable">
       <tr>
@@ -245,26 +223,14 @@
       </tr>
       {#each busServices as service}
         <tr>
-          <td
-            class="origdest from"
-            on:click={loadBusService(service.serviceID)}
-            on:keypress={loadBusService(service.serviceID)}
-            >{service.origin?.location?.locationName || ''}</td
-          >
-          <td
-            class="origdest to"
-            on:click={loadBusService(service.serviceID)}
-            on:keypress={loadBusService(service.serviceID)}
+          <td class="origdest from" on:click={loadBusService(service.serviceID)} on:keypress={loadBusService(service.serviceID)}>{service.origin?.location?.locationName || ''}</td>
+          <td class="origdest to" on:click={loadBusService(service.serviceID)} on:keypress={loadBusService(service.serviceID)}
             >{service.destination?.location?.locationName || ''}</td
           >
           <td class="time">{parseTime(service.sta).data}</td>
-          <td class="time {parseTime(service.eta).changed}"
-            >{parseTime(service.eta).data}</td
-          >
+          <td class="time {parseTime(service.eta).changed}">{parseTime(service.eta).data}</td>
           <td class="time">{parseTime(service.std).data}</td>
-          <td class="time {parseTime(service.etd).changed}"
-            >{parseTime(service.etd).data}</td
-          >
+          <td class="time {parseTime(service.etd).changed}">{parseTime(service.etd).data}</td>
         </tr>
 
         <tr
@@ -285,11 +251,7 @@
   {/if}
   {#if ferryServices.length}
     <br />
-    <img
-      class="transport-mode"
-      src="/images/transport-modes/ferry.svg"
-      alt="Bus services"
-    /><br />
+    <img class="transport-mode" src="/images/transport-modes/ferry.svg" alt="Bus services" /><br />
     <span class="table-head-text">Ferry Services</span>
     <table class="ldbTable">
       <tr>
@@ -302,20 +264,12 @@
       </tr>
       {#each ferryServices as service}
         <tr>
-          <td class="origdest from"
-            >{service.origin?.location?.locationName || ''}</td
-          >
-          <td class="origdest to"
-            >{service.destination?.location?.locationName || ''}</td
-          >
+          <td class="origdest from">{service.origin?.location?.locationName || ''}</td>
+          <td class="origdest to">{service.destination?.location?.locationName || ''}</td>
           <td class="time">{parseTime(service.sta).data}</td>
-          <td class="time {parseTime(service.eta).changed}"
-            >{parseTime(service.eta).data}</td
-          >
+          <td class="time {parseTime(service.eta).changed}">{parseTime(service.eta).data}</td>
           <td class="time">{parseTime(service.std).data}</td>
-          <td class="time {parseTime(service.etd).changed}"
-            >{parseTime(service.etd).data}</td
-          >
+          <td class="time {parseTime(service.etd).changed}">{parseTime(service.etd).data}</td>
         </tr>
 
         <tr
@@ -352,35 +306,17 @@
               <tr>
                 <td>{prevPoint.locationName}</td>
                 <td>{prevPoint.st}</td>
-                <td
-                  class="time {parseTime(prevPoint.at || prevPoint.et).changed}"
-                  >{parseTime(prevPoint.at || prevPoint.et).data}</td
-                >
+                <td class="time {parseTime(prevPoint.at || prevPoint.et).changed}">{parseTime(prevPoint.at || prevPoint.et).data}</td>
               </tr>
             {/each}
           {:else}
             <tr>
+              <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.locationName}</td>
+              <td>{serviceDetail.previousCallingPoints.callingPointList.callingPoint.st}</td>
               <td
-                >{serviceDetail.previousCallingPoints.callingPointList
-                  .callingPoint.locationName}</td
-              >
-              <td
-                >{serviceDetail.previousCallingPoints.callingPointList
-                  .callingPoint.st}</td
-              >
-              <td
-                class="time {parseTime(
-                  serviceDetail.previousCallingPoints.callingPointList
-                    .callingPoint.at ||
-                    serviceDetail.previousCallingPoints.callingPointList
-                      .callingPoint.et
-                ).changed}"
-                >{parseTime(
-                  serviceDetail.previousCallingPoints.callingPointList
-                    .callingPoint.at ||
-                    serviceDetail.previousCallingPoints.callingPointList
-                      .callingPoint.et
-                ).data}</td
+                class="time {parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et)
+                  .changed}"
+                >{parseTime(serviceDetail.previousCallingPoints.callingPointList.callingPoint.at || serviceDetail.previousCallingPoints.callingPointList.callingPoint.et).data}</td
               >
             </tr>
           {/if}
@@ -388,11 +324,7 @@
         <tr class="thisStop">
           <td>{title}</td>
           <td>{serviceDetail.std || serviceDetail.sta}</td>
-          <td
-            class="time {parseTime(serviceDetail.etd || serviceDetail.eta)
-              .changed}"
-            >{parseTime(serviceDetail.etd || serviceDetail.eta).data}</td
-          >
+          <td class="time {parseTime(serviceDetail.etd || serviceDetail.eta).changed}">{parseTime(serviceDetail.etd || serviceDetail.eta).data}</td>
         </tr>
         {#if serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint}
           {#if Array.isArray(serviceDetail?.subsequentCallingPoints?.callingPointList?.callingPoint)}
@@ -400,30 +332,15 @@
               <tr>
                 <td>{nextPoint.locationName}</td>
                 <td>{nextPoint.st}</td>
-                <td class="time {parseTime(nextPoint.et).changed}"
-                  >{parseTime(nextPoint.et).data}</td
-                >
+                <td class="time {parseTime(nextPoint.et).changed}">{parseTime(nextPoint.et).data}</td>
               </tr>
             {/each}
           {:else}
             <tr class="detailRow">
-              <td
-                >{serviceDetail.subsequentCallingPoints.callingPointList
-                  .callingPoint.locationName}</td
-              >
-              <td
-                >{serviceDetail.subsequentCallingPoints.callingPointList
-                  .callingPoint.st}</td
-              >
-              <td
-                class="time {parseTime(
-                  serviceDetail.subsequentCallingPoints.callingPointList
-                    .callingPoint.et
-                ).changed}"
-                >{parseTime(
-                  serviceDetail.subsequentCallingPoints.callingPointList
-                    .callingPoint.et
-                ).data}</td
+              <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.locationName}</td>
+              <td>{serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.st}</td>
+              <td class="time {parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).changed}"
+                >{parseTime(serviceDetail.subsequentCallingPoints.callingPointList.callingPoint.et).data}</td
               >
             </tr>
           {/if}
diff --git a/src/lib/ldb/staff-ldb.svelte b/src/lib/ldb/staff-ldb.svelte
index 3af5889..df4ed03 100644
--- a/src/lib/ldb/staff-ldb.svelte
+++ b/src/lib/ldb/staff-ldb.svelte
@@ -209,9 +209,7 @@
     let processedMessages = [];
     for (const message of arrMessages) {
       const msgText = message.xhtmlMessage;
-      processedMessages.push(
-        msgText.replace(/[\n\r]/g, '').replace(/<\/?p[^>]*>/g, '')
-      );
+      processedMessages.push(msgText.replace(/[\n\r]/g, '').replace(/<\/?p[^>]*>/g, ''));
     }
     return processedMessages;
   }
@@ -228,11 +226,7 @@
     <AlertBar {alerts} />
   {/if}
   <table>
-    <tr
-      ><td colspan="8" id="timestamp"
-        >Updated: {dataAge.toLocaleTimeString()} - Staff Boards under development</td
-      ></tr
-    >
+    <tr><td colspan="8" id="timestamp">Updated: {dataAge.toLocaleTimeString()} - Staff Boards under development</td></tr>
     <tr>
       <th class="id">ID</th>
       <th class="from">From</th>
@@ -254,36 +248,15 @@
              where 'length' is not provided but 'formation' is. -->
         <tr>
           <td class="id id-data data">{service.trainid}</td>
-          <td
-            class="from from-data data {serviceStats.isCancelled && 'can-dat'}"
-            >{serviceStats.from}</td
-          >
-          <td class="to to-data data {serviceStats.isCancelled && 'can-dat'}"
-            >{serviceStats.to}</td
-          >
-          <td
-            class="plat plat-data data {serviceStats.isCancelled &&
-              'can-dat'} {serviceStats.platformHidden && 'hidden'}"
-            >{serviceStats.platform.number || '-'}</td
-          >
-          <td
-            class="time time-data data {serviceStats.isCancelled && 'can-dat'}"
-            >{serviceStats.schArr}</td
-          >
-          <td
-            class="time time-data data {serviceStats.isArrDelayed &&
-              'late'} {serviceStats.isEarlyArr &&
-              'early'} {serviceStats.isLateArr && 'late'}"
+          <td class="from from-data data {serviceStats.isCancelled && 'can-dat'}">{serviceStats.from}</td>
+          <td class="to to-data data {serviceStats.isCancelled && 'can-dat'}">{serviceStats.to}</td>
+          <td class="plat plat-data data {serviceStats.isCancelled && 'can-dat'} {serviceStats.platformHidden && 'hidden'}">{serviceStats.platform.number || '-'}</td>
+          <td class="time time-data data {serviceStats.isCancelled && 'can-dat'}">{serviceStats.schArr}</td>
+          <td class="time time-data data {serviceStats.isArrDelayed && 'late'} {serviceStats.isEarlyArr && 'early'} {serviceStats.isLateArr && 'late'}"
             >{serviceStats.isArrDelayed ? 'LATE' : serviceStats.expArr}</td
           >
-          <td
-            class="time time-data data {serviceStats.isCancelled && 'can-dat'}"
-            >{serviceStats.schDep}</td
-          >
-          <td
-            class="time time-data data {serviceStats.isDepDelayed &&
-              'late'} {serviceStats.isEarlyDep &&
-              'early'} {serviceStats.isLateDep && 'late'}"
+          <td class="time time-data data {serviceStats.isCancelled && 'can-dat'}">{serviceStats.schDep}</td>
+          <td class="time time-data data {serviceStats.isDepDelayed && 'late'} {serviceStats.isEarlyDep && 'early'} {serviceStats.isLateDep && 'late'}"
             >{serviceStats.isDepDelayed ? 'LATE' : serviceStats.expDep}</td
           >
         </tr>
diff --git a/src/lib/navigation/loading.svelte b/src/lib/navigation/loading.svelte
index 93f6829..210e17d 100644
--- a/src/lib/navigation/loading.svelte
+++ b/src/lib/navigation/loading.svelte
@@ -2,11 +2,7 @@
   import { fade } from 'svelte/transition';
 </script>
 
-<div
-  id="container"
-  in:fade={{ delay: 150, duration: 250 }}
-  out:fade={{ duration: 250 }}
->
+<div id="container" in:fade={{ delay: 150, duration: 250 }} out:fade={{ duration: 250 }}>
   <div class="spinner" />
   <p>Loading...</p>
 </div>
diff --git a/src/lib/navigation/nav-ldb.svelte b/src/lib/navigation/nav-ldb.svelte
index 77d093f..7025c09 100644
--- a/src/lib/navigation/nav-ldb.svelte
+++ b/src/lib/navigation/nav-ldb.svelte
@@ -11,11 +11,7 @@
 
 <footer>
   {#each links as item}
-    <a
-      class="footerLink"
-      href={item.path}
-      class:active={$page.url.pathname == item.path}
-    >
+    <a class="footerLink" href={item.path} class:active={$page.url.pathname == item.path}>
       <img src={item.svgPath} alt={item.title} />
       <br />
       <span>{item.title}</span>
@@ -26,11 +22,7 @@
       <picture>
         <source srcset="/images/nre/nre-powered_200w.jxl" type="image/jxl" />
         <source srcset="/images/nre/nre-powered_200w.webp" type="image/webp" />
-        <img
-          id="nre-logo"
-          src="/images/nre/nre-powered_200w.png"
-          alt="Data sourced from National Rail and others"
-        />
+        <img id="nre-logo" src="/images/nre/nre-powered_200w.png" alt="Data sourced from National Rail and others" />
       </picture>
     </a>
   </div>
@@ -76,11 +68,7 @@
   @media only screen and (min-width: 475px) {
     .data-source {
       background: rgb(255, 255, 255);
-      background: linear-gradient(
-        90deg,
-        rgba(255, 255, 255, 0) 0%,
-        rgba(255, 255, 255, 1) 40%
-      );
+      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
     }
     #nre-logo {
       position: absolute;
diff --git a/src/lib/overlays/welcome.svelte b/src/lib/overlays/welcome.svelte
index 77817ce..7d26c6e 100644
--- a/src/lib/overlays/welcome.svelte
+++ b/src/lib/overlays/welcome.svelte
@@ -28,8 +28,7 @@
     '<h3>PIS Finder</h3>' +
       "<p>Don't worry, the PIS finder hasn't gone away.  It has even been moved to the new navigation bar for faster access</p>" +
       "<p>If there isn't a PIS code available for a given headcode, you can use this tool to search by start and end stations, enabling you to utilise a different code and skipping stops as needed.</p>",
-    '<h3>Everything Else</h3>' +
-      "<p>Everything else has moved to the 'More' menu, where you'll find the Reference Code lookup and software details."
+    '<h3>Everything Else</h3>' + "<p>Everything else has moved to the 'More' menu, where you'll find the Reference Code lookup and software details."
   ];
 </script>
 
diff --git a/src/lib/stores/quick-links.js b/src/lib/stores/quick-links.js
index e296bd8..23ae01f 100644
--- a/src/lib/stores/quick-links.js
+++ b/src/lib/stores/quick-links.js
@@ -8,9 +8,7 @@ function fromLocalStorage(storageKey, fallback) {
   if (browser) {
     const storedValue = localStorage.getItem(storageKey);
     if (storedValue !== 'undefined' && storedValue !== null) {
-      return typeof fallback === 'object'
-        ? JSON.parse(storedValue)
-        : storedValue;
+      return typeof fallback === 'object' ? JSON.parse(storedValue) : storedValue;
     }
   }
   return fallback;
@@ -19,8 +17,7 @@ function fromLocalStorage(storageKey, fallback) {
 function toLocalStorage(store, storageKey) {
   if (browser) {
     store.subscribe((value) => {
-      let storageValue =
-        typeof value === 'object' ? JSON.stringify(value) : value;
+      let storageValue = typeof value === 'object' ? JSON.stringify(value) : value;
 
       localStorage.setItem(storageKey, storageValue);
     });
diff --git a/src/lib/train/train-detail.svelte b/src/lib/train/train-detail.svelte
index f02464b..fe70835 100644
--- a/src/lib/train/train-detail.svelte
+++ b/src/lib/train/train-detail.svelte
@@ -13,11 +13,8 @@
 <div class="container">
   <div class="container-header" on:click={expand} on:keypress={expand}>
     <span class="header"
-      >{service.operator || 'GW'}: {service.stops[0]['publicDeparture'] ||
-        service.stops[0]['wttDeparture']}
-      {service.stops[0]['tiploc']} to {service.stops[
-        service['stops'].length - 1
-      ]['tiploc']}</span
+      >{service.operator || 'GW'}: {service.stops[0]['publicDeparture'] || service.stops[0]['wttDeparture']}
+      {service.stops[0]['tiploc']} to {service.stops[service['stops'].length - 1]['tiploc']}</span
     >
     <span id="container-arrow" class:isExpanded>V</span>
   </div>
@@ -27,19 +24,15 @@
         <p class="pis">PIS: {service.pis}</p>
       {/if}
       <p class="svc-detail">
-        Planned Type: {parseInt(service.planSpeed) || 68}mph {service.powerType ||
-          'Bus'}
+        Planned Type: {parseInt(service.planSpeed) || 68}mph {service.powerType || 'Bus'}
       </p>
       <p class="svc-detail">
         Days Run: {service.daysRun.join(', ').toUpperCase()}
       </p>
       <p class="svc-detail validity">
-        Valid From: {new Date(service.scheduleStartDate).toLocaleDateString(
-          'en-GB',
-          {
-            timeZone: 'UTC'
-          }
-        )} - {new Date(service.scheduleEndDate).toLocaleDateString('en-GB', {
+        Valid From: {new Date(service.scheduleStartDate).toLocaleDateString('en-GB', {
+          timeZone: 'UTC'
+        })} - {new Date(service.scheduleEndDate).toLocaleDateString('en-GB', {
           timeZone: 'UTC'
         })}
       </p>
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 8b13baf..cee0dbc 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -11,10 +11,7 @@
 
 {#if $page.status === 404}
   <p>This is not the page you're looking for.</p>
-  <p>
-    The page you are looking for doesn't exist, use the tabs below to find
-    another page.
-  </p>
+  <p>The page you are looking for doesn't exist, use the tabs below to find another page.</p>
 {:else if $page.status === 500}
   <p>
     Something went wrong loading the app.<br />
@@ -22,10 +19,7 @@
   </p>
   <p>If the problem persists, you can report an issue from the 'More' menu.</p>
 {:else}
-  <p>
-    Not sure what went wrong, please try again later or report an issue from the
-    'More' menu.
-  </p>
+  <p>Not sure what went wrong, please try again later or report an issue from the 'More' menu.</p>
 {/if}
 
 <Nav />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index bb7b38f..b2fdc94 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -6,10 +6,7 @@
   <meta charset="utf-8" />
   <meta name="application-name" content="OwlBoard" />
   <meta name="author" content="Frederick Boniface" />
-  <meta
-    name="description"
-    content="Live train data, PIS Codes & reference data.  Built by railway staff, for railway staff."
-  />
+  <meta name="description" content="Live train data, PIS Codes & reference data.  Built by railway staff, for railway staff." />
   <meta name="viewport" content="width=device-width" />
   <meta name="theme-color" content="#00b7b7" />
   <link rel="icon" href="/images/icon.svg" type="image/svg+xml" />
diff --git a/src/routes/more/about/+page.svelte b/src/routes/more/about/+page.svelte
index e289a83..2d33d2d 100644
--- a/src/routes/more/about/+page.svelte
+++ b/src/routes/more/about/+page.svelte
@@ -10,13 +10,8 @@
 <LargeLogo />
 <p class="neg">&copy; 2022-2023 Frederick Boniface</p>
 <p>OwlBoard was created by train-crew for train-crew</p>
-<p>
-  I created OwlBoard in 2022 to freely give fast and easy access to the
-  information that we need every day.
-</p>
-<p>
-  Data sourced from: National Rail Enquiries, OwlBoard Project and Network Rail.
-</p>
+<p>I created OwlBoard in 2022 to freely give fast and easy access to the information that we need every day.</p>
+<p>Data sourced from: National Rail Enquiries, OwlBoard Project and Network Rail.</p>
 <p>
   OwlBoard components are available under various Open Source licenses, see the
   <a href="https://git.fjla.uk/OwlBoard" target="_blank">code repository</a>
diff --git a/src/routes/more/corpus/+page.svelte b/src/routes/more/corpus/+page.svelte
index f2f7652..83462ea 100644
--- a/src/routes/more/corpus/+page.svelte
+++ b/src/routes/more/corpus/+page.svelte
@@ -82,46 +82,15 @@
   <form on:submit={submit}>
     <input type="text" readonly placeholder="Name" bind:value={val.name} />
     <br />
-    <input
-      type="text"
-      maxlength="3"
-      autocomplete="off"
-      placeholder="CRS/3ALPHA"
-      bind:value={val.crs}
-    />
+    <input type="text" maxlength="3" autocomplete="off" placeholder="CRS/3ALPHA" bind:value={val.crs} />
     <br />
-    <input
-      type="text"
-      maxlength="7"
-      autocomplete="off"
-      placeholder="TIPLOC"
-      bind:value={val.tiploc}
-    />
+    <input type="text" maxlength="7" autocomplete="off" placeholder="TIPLOC" bind:value={val.tiploc} />
     <br />
-    <input
-      type="text"
-      maxlength="10"
-      autocomplete="off"
-      placeholder="STANOX"
-      bind:value={val.stanox}
-    />
+    <input type="text" maxlength="10" autocomplete="off" placeholder="STANOX" bind:value={val.stanox} />
     <br />
-    <input
-      type="number"
-      maxlength="6"
-      min="0"
-      autocomplete="off"
-      placeholder="NLC"
-      bind:value={val.nlc}
-    />
+    <input type="number" maxlength="6" min="0" autocomplete="off" placeholder="NLC" bind:value={val.nlc} />
     <br />
-    <input
-      type="text"
-      readonly
-      autocomplete="off"
-      placeholder="UIC"
-      bind:value={val.uic}
-    />
+    <input type="text" readonly autocomplete="off" placeholder="UIC" bind:value={val.uic} />
     <br />
     <button type="submit">Submit</button>
     <button type="reset" on:click={reset}>Reset</button>
diff --git a/src/routes/more/data/+page.svelte b/src/routes/more/data/+page.svelte
index a76d5ba..e69c0ab 100644
--- a/src/routes/more/data/+page.svelte
+++ b/src/routes/more/data/+page.svelte
@@ -35,17 +35,9 @@
 
 <Header {title} />
 
-<p>
-  OwlBoard stores as little data about you as possible to offer the service.
-</p>
-<p>
-  Your randomly generated UUID is not displayed, this is stored in your browser
-  and on the OwlBoard server.
-</p>
-<p>
-  The data below is the entirity of the data we hold about you and constitutes a
-  response to a `Subject Access Request` under GDPR legislation.
-</p>
+<p>OwlBoard stores as little data about you as possible to offer the service.</p>
+<p>Your randomly generated UUID is not displayed, this is stored in your browser and on the OwlBoard server.</p>
+<p>The data below is the entirity of the data we hold about you and constitutes a response to a `Subject Access Request` under GDPR legislation.</p>
 <br /><br />
 
 {#if isLoading}
@@ -54,9 +46,7 @@
   <p class="api_response">Registration Domain: {data[0]['domain']}</p>
   <p class="api_response">Access Time: {data[0]['atime']}</p>
 {:else}
-  <p class="api_response">
-    You are not registered, we don't have any data stored.
-  </p>
+  <p class="api_response">You are not registered, we don't have any data stored.</p>
 {/if}
 
 <Nav />
diff --git a/src/routes/more/privacy/+page.svelte b/src/routes/more/privacy/+page.svelte
index 24cdf50..fa4832d 100644
--- a/src/routes/more/privacy/+page.svelte
+++ b/src/routes/more/privacy/+page.svelte
@@ -7,57 +7,32 @@
 <Header {title} />
 <div>
   <p>
-    OwlBoard stores the minimum amount of data necessary to provide its
-    functions for your use. No personal data is stored unless you report an
-    issue. To review the specific data that we store, please visit <a
-      href="/more/data">My Data</a
-    >.
-  </p>
-  <p>
-    OwlBoard does not utilize any cookies. IP addresses and browser fingerprints
-    are not logged.
+    OwlBoard stores the minimum amount of data necessary to provide its functions for your use. No personal data is stored unless you report an issue. To review the specific data
+    that we store, please visit <a href="/more/data">My Data</a>.
   </p>
+  <p>OwlBoard does not utilize any cookies. IP addresses and browser fingerprints are not logged.</p>
   <h2>If You Do Not Sign Up</h2>
   <p>
-    If you choose not to sign up, no personal data will be processed or stored
-    unless you report an issue. Any personal settings are stored locally in your
-    browser and do not leave your device.
+    If you choose not to sign up, no personal data will be processed or stored unless you report an issue. Any personal settings are stored locally in your browser and do not leave
+    your device.
   </p>
   <h2>If You Sign Up</h2>
   <p>
-    If you sign up for the rail staff version of OwlBoard, we do require the
-    storage of some data. However, none of this data can be used to personally
-    identify you. Any personal settings are stored locally in your browser and
-    do not leave your device.
+    If you sign up for the rail staff version of OwlBoard, we do require the storage of some data. However, none of this data can be used to personally identify you. Any personal
+    settings are stored locally in your browser and do not leave your device.
   </p>
   <p>
-    During the sign-up process, you will be asked to provide a work email
-    address, which will be checked to confirm its origin from a railway company.
-    Once confirmed, an email containing a registration link will be sent to you.
-    At this point, the username portion of your email address is discarded. For
-    example, if your email address is 'a-user@owlboard.info', only
-    'owlboard.info' will be stored. This host portion of your email address is
-    stored to filter and display relevant results prominently.
-  </p>
-  <p>
-    The email server may store the address and message content as part of its
-    regular operation, and your consent to this is implied when you sign up.
-  </p>
-  <p>
-    In addition to the host portion of your email address, a randomly generated
-    UUID is stored for the purpose of authorizing access to the rail staff data.
+    During the sign-up process, you will be asked to provide a work email address, which will be checked to confirm its origin from a railway company. Once confirmed, an email
+    containing a registration link will be sent to you. At this point, the username portion of your email address is discarded. For example, if your email address is
+    'a-user@owlboard.info', only 'owlboard.info' will be stored. This host portion of your email address is stored to filter and display relevant results prominently.
   </p>
+  <p>The email server may store the address and message content as part of its regular operation, and your consent to this is implied when you sign up.</p>
+  <p>In addition to the host portion of your email address, a randomly generated UUID is stored for the purpose of authorizing access to the rail staff data.</p>
   <h2>Reporting an Issue</h2>
+  <p>When you report an issue, certain data is collected, including your browser's User Agent string and the size of the window in which you are viewing the website.</p>
   <p>
-    When you report an issue, certain data is collected, including your
-    browser's User Agent string and the size of the window in which you are
-    viewing the website.
-  </p>
-  <p>
-    Any data submitted when reporting an issue will be publicly viewable
-    alongside the <a
-      href="https://git.fjla.uk/owlboard/backend/issues"
-      target="_blank">OwlBoard/backend git repository</a
+    Any data submitted when reporting an issue will be publicly viewable alongside the <a href="https://git.fjla.uk/owlboard/backend/issues" target="_blank"
+      >OwlBoard/backend git repository</a
     >.
   </p>
 </div>
diff --git a/src/routes/more/reasons/+page.svelte b/src/routes/more/reasons/+page.svelte
index 7e141ef..a5b7f51 100644
--- a/src/routes/more/reasons/+page.svelte
+++ b/src/routes/more/reasons/+page.svelte
@@ -64,18 +64,9 @@
 </script>
 
 <Header {title} />
-<p>
-  A reason code is a three digit number that maps to a reason for a delay or
-  cancellation
-</p>
+<p>A reason code is a three digit number that maps to a reason for a delay or cancellation</p>
 <form on:submit={handleSubmit}>
-  <input
-    type="text"
-    placeholder="Enter Code"
-    autocomplete="off"
-    bind:value={inputValue}
-    on:input={handleInput}
-  />
+  <input type="text" placeholder="Enter Code" autocomplete="off" bind:value={inputValue} on:input={handleInput} />
 
   <br />
 
@@ -105,8 +96,7 @@
     border-radius: 50px;
     border: none;
     text-align: center;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     text-transform: uppercase;
     font-size: 15px;
   }
@@ -118,8 +108,7 @@
     border: none;
     border-radius: 20px;
     padding: 5px;
-    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular',
-      'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    font-family: urwgothic, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-size: 16px;
     font-weight: 400;
     background-color: var(--overlay-color);
diff --git a/src/routes/more/reg/+page.svelte b/src/routes/more/reg/+page.svelte
index 621fd36..18bf74e 100644
--- a/src/routes/more/reg/+page.svelte
+++ b/src/routes/more/reg/+page.svelte
@@ -62,47 +62,23 @@
       <li>Display up to 40 services</li>
     </ul>
   </ul>
-  <p>
-    To register, you will need to enter a work email address to receive a
-    confirmation email
-  </p>
+  <p>To register, you will need to enter a work email address to receive a confirmation email</p>
   <form on:submit={request}>
-    <input
-      type="text"
-      autocomplete="email"
-      placeholder="Enter work email"
-      bind:value={inputValue}
-      on:input={handleInput}
-    /><br />
+    <input type="text" autocomplete="email" placeholder="Enter work email" bind:value={inputValue} on:input={handleInput} /><br />
     <label for="checkbox">
-      I have read and accept the terms of the <a href="/more/privacy"
-        >Privacy Policy</a
-      ><br />
+      I have read and accept the terms of the <a href="/more/privacy">Privacy Policy</a><br />
       <input id="checkbox" type="checkbox" required />
     </label><br />
     <button type="submit">Submit</button>
   </form>
 {:else if state == 'sent'}
-  <p>
-    An email has been sent, click the link in the email to activate your
-    profile.
-  </p>
-  <p>
-    When you click the link, your authorisation key will be automatically be
-    stored in your browser.
-  </p>
-  <p>
-    If you use multiple browsers, you will only be logged in using the browser
-    you open the link with.
-  </p>
+  <p>An email has been sent, click the link in the email to activate your profile.</p>
+  <p>When you click the link, your authorisation key will be automatically be stored in your browser.</p>
+  <p>If you use multiple browsers, you will only be logged in using the browser you open the link with.</p>
   <p>You will be able to register again using the same email address</p>
 {:else if state == 'unauth'}
-  <p>
-    The email address you entered does not belong to an authorised business.
-  </p>
-  <p>
-    If you think this is an error, you can report an issue in the 'More' menu.
-  </p>
+  <p>The email address you entered does not belong to an authorised business.</p>
+  <p>If you think this is an error, you can report an issue in the 'More' menu.</p>
 {:else if state == 'error'}
   <p>There was an error processing your request.</p>
   <p>Check that the email you entered was correct or try again later.</p>
@@ -120,8 +96,7 @@
     height: 40px;
     width: 80%;
     max-width: 375px;
-    font-family: urwgothic, 'Franklin Gothic Medium', 'Arial Narrow', Arial,
-      sans-serif;
+    font-family: urwgothic, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
     text-align: center;
     font-size: 20px;
     border-radius: 50px;
diff --git a/src/routes/more/report/+page.svelte b/src/routes/more/report/+page.svelte
index 23c740a..9024395 100644
--- a/src/routes/more/report/+page.svelte
+++ b/src/routes/more/report/+page.svelte
@@ -88,20 +88,11 @@
 {#if !preFlight && !isDone}
   <p>
     Any data that you enter here will be visible publicly
-    <a href="https://git.fjla.uk/OwlBoard/backend/issues" target="_blank"
-      >here</a
-    >
-  </p>
-  <p>
-    You will be shown all of the collected data before the form is submitted.
+    <a href="https://git.fjla.uk/OwlBoard/backend/issues" target="_blank">here</a>
   </p>
+  <p>You will be shown all of the collected data before the form is submitted.</p>
   <form on:submit={submit}>
-    <select
-      class="formInputs"
-      name="type"
-      bind:value={reportType}
-      placeholder="Choose Category"
-    >
+    <select class="formInputs" name="type" bind:value={reportType} placeholder="Choose Category">
       <option value="" disabled selected>Choose an Issue Type</option>
       <option value="bug">Problem</option>
       <option value="enhancement">Feature Request</option>
@@ -109,18 +100,9 @@
       <option value="user-support">Unable to sign up</option>
     </select>
     <br />
-    <input
-      class="formInputs"
-      type="text"
-      bind:value={reportSubject}
-      placeholder="Subject"
-    />
+    <input class="formInputs" type="text" bind:value={reportSubject} placeholder="Subject" />
     <br />
-    <textarea
-      class="formInputs"
-      bind:value={reportMsg}
-      placeholder="Enter your message..."
-    />
+    <textarea class="formInputs" bind:value={reportMsg} placeholder="Enter your message..." />
     <br />
     <button type="submit">Submit</button>
     <button type="reset">Reset</button>
diff --git a/src/routes/pis/+page.svelte b/src/routes/pis/+page.svelte
index 0e10817..46cd800 100644
--- a/src/routes/pis/+page.svelte
+++ b/src/routes/pis/+page.svelte
@@ -96,33 +96,15 @@
   <p>This feature is only supported for GWR West & Sleeper services</p>
   <p class="label">Find By Start/End CRS:</p>
   <form on:submit={findByStartEnd}>
-    <input
-      type="text"
-      maxlength="3"
-      autocomplete="off"
-      placeholder="Start"
-      bind:value={entryStartCRS}
-    />
-    <input
-      type="text"
-      maxlength="3"
-      autocomplete="off"
-      placeholder="End"
-      bind:value={entryEndCRS}
-    />
+    <input type="text" maxlength="3" autocomplete="off" placeholder="Start" bind:value={entryStartCRS} />
+    <input type="text" maxlength="3" autocomplete="off" placeholder="End" bind:value={entryEndCRS} />
     <br />
     <button type="submit">Search</button>
   </form>
 
   <p class="label">Find By PIS Code:</p>
   <form on:submit={findByPis}>
-    <input
-      type="number"
-      max="9999"
-      autocomplete="off"
-      placeholder="PIS"
-      bind:value={entryPIS}
-    />
+    <input type="number" max="9999" autocomplete="off" placeholder="PIS" bind:value={entryPIS} />
     <br />
     <button type="submit">Search</button>
   </form>