Rewrite Cards - not yet implemented on public pages

src/routes/test/+page.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    import Card from "$lib/cards/Card.svelte";
+    import type { LookupCardConfig } from "$lib/cards/Card.types";
+    import LookupCard from "$lib/cards/LookupCard.svelte";
+
+    let CardConfig = {
+        title: "Near to Me",
+        showHelp: false,
+        showRefresh: true,
+        helpText: "May not detect your location correctly on non-mobile devices",
+        onRefresh: onRefresh,
+    };
+
+    let LookupConfig: LookupCardConfig = {
+        title: "Live Arr/Dep Boards",
+        helpText: "Enter CRS, TIPLOC or STANOX code to see live departures",
+        placeholder: "Enter CRS/TIPLOC/STANOX",
+        maxLen: 7,
+        formAction: "/ldb/",
+        fieldName: "station"
+    };
+
+    let TimetableConfig: LookupCardConfig = {
+        title: "Timetable & PIS",
+        helpText: "Enter a headcode to search the timetable and check PIS Codes",
+        placeholder: "Enter headcode",
+        maxLen: 4,
+        formAction: "/train/",
+        fieldName: "headcode"
+    }
+
+    function onRefresh() {
+        console.log("Refresh");
+    }
+</script>
+
+<Card config={CardConfig}>
+    <p>content</p>
+</Card>
+
+<LookupCard config={LookupConfig} />
+<LookupCard config={TimetableConfig} />