@import url("/assets/md.css")draft: initial work

@import url("/assets/md.css")

2 files changed, 37 insertions, 0 deletions

diff --git a/src/lib/Itinerary.svelte b/src/lib/Itinerary.svelte
new file mode 100644
index 0000000..fb30d1b
--- /dev/null
+++ b/src/lib/Itinerary.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+  import type { Itinerary } from '$lib/motis-types';
+  import { normalisePlaceName } from './aliases';
+  let { itinerary }: { itinerary: Itinerary | null } = $props();
+
+  let legs = $derived(itinerary?.legs);
+  let firstLeg = $derived(legs?.[0]);
+  let lastLeg = $derived(legs?.[legs.length - 1]);
+</script>
+
+<svelte:head>
+  {#if itinerary && legs && firstLeg && lastLeg}
+    <meta name="itinerary:start" content={`${itinerary.startTime}`} />
+    <meta name="itinerary:end" content={`${itinerary.endTime}`} />
+    <meta name="itinerary:duration" content={`${itinerary.duration}`} />
+    <meta name="itinerary:transfers" content={`${itinerary.transfers}`} />
+    <meta name="itinerary:from:id" content={`${firstLeg.from.stopId}`} />
+    <meta
+      name="itinerary:from:name"
+      content={`${normalisePlaceName(firstLeg.from.name)}`}
+    />
+    <meta name="itinerary:to:id" content={`${lastLeg.to.stopId}`} />
+    <meta
+      name="itinerary:to:name"
+      content={`${normalisePlaceName(lastLeg.to.name)}`}
+    />
+  {/if}
+</svelte:head>
+
+<div class="flex flex-col gap-2 max-w-[100%]">
+  {#each legs ?? [] as leg}
+    <div class="p-4 pr-3 sm:pr-4 md:p-6 md:pr-6 rounded-xl bg-[#28282C]">
+      {JSON.stringify(leg)}
+    </div>
+  {/each}
+</div>
diff --git a/src/lib/index.ts b/src/lib/index.ts
index a961354..cc6c448 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -43,6 +43,7 @@ export const S = {
   },
   input:
     'transition-all bg-[#2E2E32] not-disabled:not-focus:not-active:hover:bg-[#dedede11] p-2 outline-2 outline-[#0000] not-disabled:focus:outline-[#4C82C999]' as const,
+  title: 'p-2 outline-2 outline-[#0000]' as const,
   heading: [
     //
     'text-2xl font-bold',