@import url("/assets/md.css")feat: some more font shit, i18n for vbg

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

7 files changed, 46 insertions, 5 deletions

diff --git a/messages/de-ch.json b/messages/de-ch.json
index 9028660..595a445 100644
--- a/messages/de-ch.json
+++ b/messages/de-ch.json
@@ -45,6 +45,7 @@
   "antsy_weird_cowfish_wish": "Geplannte",
   "operator_sbb": "Schweizerische Bundesbahnen (SBB)",
   "operator_vbz": "Verkehrsbetriebe Zürich (VBZ)",
+  "operator_vbg": "Verkehrsbetriebe Glattal (VBG)",
   "operator_szu": "Sihltal-Zürich-Uetliberg-Bahn SZU",
   "operator_bls": "BLS AG",
   "operator_bernmobil": "BERNMOBIL (Städtische Verkehrsbetriebe Bern SVB)",
diff --git a/src/app.css b/src/app.css
index b80e46d..211e2c1 100644
--- a/src/app.css
+++ b/src/app.css
@@ -93,3 +93,21 @@ html {
   src: url('/fonts/SBB-UltraLight.woff2') format(woff2),
     url('/fonts/SBB-UltraLight.ttf') format(opentype), local('SBB');
 }
+
+@font-face {
+  font-family: 'Adwaita Sans';
+  font-display: swap;
+  font-weight: 100 900;
+  font-style: normal;
+  src: url('/fonts/AdwaitaSans-Regular.woff2') format(woff2),
+    url('/fonts/AdwaitaSans-Regular.ttf') format(opentype),
+    local('Adwaita Sans');
+}
+@font-face {
+  font-family: 'Adwaita Sans';
+  font-display: swap;
+  font-weight: 100 900;
+  font-style: italic;
+  src: url('/fonts/AdwaitaSans-Italic.woff2') format(woff2),
+    url('/fonts/AdwaitaSans-Italic.ttf') format(opentype), local('Adwaita Sans');
+}
diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte
index 7707bcb..d246579 100644
--- a/src/lib/Timetable.svelte
+++ b/src/lib/Timetable.svelte
@@ -396,35 +396,57 @@
         </p>
         <p class="py-1">
           Examples:
-          <span class="pt-2 flex flex-wrap gap-2">
+          <span class="pt-2 flex flex-wrap gap-2 max-w-xl">
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Zürich HB')}>Zürich HB</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Bielefeld Hbf')}>Bielefeld Hbf</button
+            >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Berlin Hbf')}>Berlin Hbf</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Hamburg Hbf')}>Hamburg Hbf</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Bern')}>Bern</button
             >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Basel SBB')}>Basel SBB</button
+            >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Genève-Aéroport')}
+              >Genève-Aéroport</button
+            >
           </span>
         </p>
       {/if}
diff --git a/static/fonts/AdwaitaSans-Italic.ttf b/static/fonts/AdwaitaSans-Italic.ttf
new file mode 100644
index 0000000..b0249e7
--- /dev/null
+++ b/static/fonts/AdwaitaSans-Italic.ttf
diff --git a/static/fonts/AdwaitaSans-Italic.woff2 b/static/fonts/AdwaitaSans-Italic.woff2
new file mode 100644
index 0000000..9e066f5
--- /dev/null
+++ b/static/fonts/AdwaitaSans-Italic.woff2
diff --git a/static/fonts/AdwaitaSans-Regular.ttf b/static/fonts/AdwaitaSans-Regular.ttf
new file mode 100644
index 0000000..6fcafd9
--- /dev/null
+++ b/static/fonts/AdwaitaSans-Regular.ttf
diff --git a/static/fonts/AdwaitaSans-Regular.woff2 b/static/fonts/AdwaitaSans-Regular.woff2
new file mode 100644
index 0000000..8e61e72
--- /dev/null
+++ b/static/fonts/AdwaitaSans-Regular.woff2