feat: journey

package-lock.json

@@ -14,7 +14,7 @@
         "@tailwindcss/typography": "^0.5.16",
         "@tailwindcss/vite": "^4.0.15",
         "astro": "^5.5.4",
-        "daisyui": "^5.0.9",
+        "daisyui": "^5.0.35",
         "tailwindcss": "^4.0.14"
       }
     },
@@ -4981,16 +4981,17 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.7",
+      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
-      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=14"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
@@ -6550,6 +6551,22 @@
         "prettier": "2.8.7"
       }
     },
+    "node_modules/yaml-language-server/node_modules/prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/yaml-language-server/node_modules/request-light": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/request-light/-/request-light-0.5.8.tgz",

package.json

@@ -16,7 +16,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "@tailwindcss/vite": "^4.0.15",
     "astro": "^5.5.4",
-    "daisyui": "^5.0.9",
+    "daisyui": "^5.0.35",
     "tailwindcss": "^4.0.14"
   },
   "prettier": {
@@ -24,4 +24,4 @@
     "semi": false,
     "endOfLine": "lf"
   }
-}
+}

src/components/Collapse.astro

@@ -0,0 +1,18 @@
+---
+export interface Props {
+  title: string
+  icon: string
+}
+const { title, icon }: Props = Astro.props
+---
+
+<div class="collapse collapse-arrow join-item border-base-300 border">
+  <input type="radio" name="collapse" />
+  <div class="collapse-title font-semibold text-left">
+    <span class={icon + " align-middle"}></span>
+    <span class="ml-1">{title}</span>
+  </div>
+  <div class="collapse-content text-left">
+    <slot />
+  </div>
+</div>

src/pages/lab.astro

@@ -1,11 +1,13 @@
 ---
 import Card from "../components/Card.astro"
 import Contact from "../components/Contact.astro"
+import Collapse from "../components/Collapse.astro"
 import Gallery from "../components/Gallery.astro"
 import Map from "../components/Map.astro"
 import Section from "../components/Section.astro"
 import Text from "../components/Text.astro"
 import Page from "../layouts/Page.astro"
+import Link from "../components/Link.astro"
 ---
 
 <Page title="Die Werkstatt">
@@ -91,6 +93,26 @@ import Page from "../layouts/Page.astro"
     <Map />
   </Section>
 
+  <Section title="Anreise" jumpId="trips">
+    <div class="join join-vertical bg-base-100">
+      <Collapse title="per Auto" icon="icon-[ph--car-duotone]">
+        Parken kannst du in den benachbarten Straßen auf ausgewiesenen Parkplätzen sowie
+        auf dem Kasernenplatz vor dem Rathaus (dort gibt es auch E-Ladestationen).
+        Einige Parkplätze sind Montag bis Freitag bis 19 Uhr kostenpflichtig.
+      </Collapse>
+      <Collapse title="per Bus/Bahn" icon="icon-[ph--train-duotone]">
+        Die Bushaltestelle der Martin-Luther-Straße ist zwei Straßen weiter, sonst ist auch der ZOB in der Nähe.
+        Direkt neben dem ZOB befindet sich der Freudenstädter Stadtbahnhof.
+      </Collapse>
+      <Collapse title="per Fahrrad" icon="icon-[ph--bicycle-duotone]">
+        Fahrradständer sind vor dem Intersport Glaser sowie auf dem Kasernenplatz vor dem Rathaus.
+      </Collapse>
+      <Collapse title="per Flugzeug" icon="icon-[ph--airplane-duotone]">
+        Hierfür empfehlen wir die <Link text="Anreise-Seite von Freudenstadt" href="https://www.freudenstadt.de/anfahrt" />.
+      </Collapse>
+    </div>
+  </Section>
+
   <Contact>
     <Text>
       Egal, ob du an 3D-Druck, Elektronik, CNC-Arbeiten oder anderen Projekten