Add 'My Data', update Privacy Policy, fix layouts

src/routes/+layout.svelte

@@ -11,5 +11,6 @@
     <link rel="icon" href="/images/icon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png">
     <link rel="manifest" href="/manifest.json">
+    <title>OwlBoard</title>
 </svelte:head>
 <slot />

src/routes/+page.svelte

@@ -4,7 +4,7 @@
     import InputIsland from '$lib/islands/input-island-form.svelte'
 	import QuickLinkIsland from '$lib/islands/quick-link-island.svelte';
 
-const title = "Home"
+const title = "OwlBoard"
 const inputIslands = [
     {
         title: "Live Departure Boards",
@@ -22,10 +22,6 @@ const inputIslands = [
 const variables = {title: "test",action:"/", placeholder:"test",queryName:"test"}
 
 </script>
-<svelte:head>
-    <title>OwlBoard - {title}</title>
-</svelte:head>
-
 
 <Header {title} />
 

src/routes/more/data/+page.svelte

@@ -1,12 +1,50 @@
 <script>
-    import Header from '$lib/navigation/header.svelte'
-    import Nav from '$lib/navigation/nav.svelte'
-    const title = "Your Data"   
+    import Header from '$lib/navigation/header.svelte';
+    import Nav from '$lib/navigation/nav.svelte';
+    import { uuid } from '$lib/stores/uuid.js';
+    import { onMount } from 'svelte';
+    const title = "Your Data";
 
+    let data = [
+        {
+            "domain": "User not Found",
+            "atime": "User not Found"
+        }
+    ]
+
+    async function fetchData() {
+        if ($uuid != "null") {
+            const url = `https://owlboard.info/api/v2/user/${$uuid}`
+            const res = await fetch(url);
+            const json = await res.json();
+            if (json.length) {
+                data = json
+            }
+        }
+    }
+
+    onMount(async () => {
+        fetchData();
+    })
 </script>
  
 <Header {title} />
 
+<p>OwlBoard stored as little data about you as possible to offer the service.</p>
+<p>Besides your randomly generated UUID which is used to authorise your staff access we store the following data:</p>
+<br><br>
 
+{#if data[0].domain != "User not Found"}
+  <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>
+{/if}
  
 <Nav />
+
+<style>
+    .api_response {
+        color: white;
+    }
+</style>

src/routes/more/privacy/+page.svelte

@@ -8,20 +8,22 @@
  <Header {title} />
 <div>
  <p>OwlBoard stores as little data as possible to offer its functions for you to use.
-    OwlBoard does not use any cookies, any data that is required is stored in your browser.
+    OwlBoard does not use any cookies.  To see the exact data that we store go to <a href="/more/data">My Data</a>.
  </p>
  <p>Owlboard does not log IP addresses or browser fingerprints.</p>
  <h2>If you do not sign up</h2>
  <p>If you do not sign up, no personal data is processed or stored unless you report an issue.
+    Any personal settings are stored in your browser and do not leave your device.
  </p>
  <h2>If you do sign up</h2>
  <p>If you do sign up for the rail staff version of OwlBoard, then we do need to store some data
-    but none of it can be used to personally identify you.
+    but none of it can be used to personally identify you.  Any personal settings are stored in your 
+    browser and do not leave your device.
  </p>
  <p>When you sign up, you will need to provide a work email address which is checked to confirm that 
     it originates from a railway company.  You are then sent an email with a registration link, OwlBoard
     at this point, the username portion of the email address is discarted - for example 'a-user@owlboard.info' 
-    would be stored at '@owlboard.info'.  This host part of your email address is stored so that the data that 
+    would be stored at 'owlboard.info'.  This host part of your email address is stored so that the data that 
     is displayed to you can be filtered, showing relevent results more prominently.
  </p>
  <p>The email-server may store the address and message content per it's usual operation and you consent to this 
@@ -45,9 +47,12 @@
 
     h2 {
         color: var(--second-text-color);
+        margin: 10px;
+        padding-top: 20px;
     }
 
     p {
         color: white;
+        margin: 10px;
     }
 </style>

src/routes/more/reg/+page.svelte

@@ -39,7 +39,7 @@
     }
 
     onMount(async () => {
-        if (!uuid) {
+        if ($uuid != "null") {
             state = "reg"
         }
     })

src/routes/pis/+page.svelte

@@ -2,7 +2,7 @@
     import Header from '$lib/navigation/header.svelte'
     import Nav from '$lib/navigation/nav.svelte'
     
-    const title = "PIS"
+    const title = "PIS Finder"
  </script>
  
  <Header {title} />