From 61b94fb55a1bdbb866919e8cb62ad160f775e2de Mon Sep 17 00:00:00 2001
From: Diego Steiner <diego.steiner@u041.ch>
Date: Tue, 6 Oct 2026 14:57:22 +0000
Subject: [PATCH 1/3] feat: add content for participation

---
 src/content/navigation/main.yaml              | 16 ++---
 src/content/pages/de/future.mdx               |  4 +-
 src/content/pages/de/future/jobs.mdx          |  4 --
 src/content/pages/de/future/participation.mdx | 39 ++++++++++++
 src/content/pages/de/past/formation.mdx       |  2 +-
 src/content/pages/de/present/values.mdx       | 62 ++++++++++---------
 src/content/pages/en/future.mdx               |  4 +-
 src/content/pages/en/future/jobs.mdx          |  4 +-
 src/content/pages/en/past/formation.mdx       |  2 +-
 src/layouts/groups/MainAside.astro            |  6 +-
 10 files changed, 91 insertions(+), 52 deletions(-)
 delete mode 100644 src/content/pages/de/future/jobs.mdx
 create mode 100644 src/content/pages/de/future/participation.mdx

diff --git a/src/content/navigation/main.yaml b/src/content/navigation/main.yaml
index 9eae15b2..89344159 100644
--- a/src/content/navigation/main.yaml
+++ b/src/content/navigation/main.yaml
@@ -19,12 +19,12 @@ items:
     - path: pages://de/future
       title: Zukunft
       children:
-        - path: pages://de/future/collaboration
-          title: Zusammenarbeit
         - path: pages://de/future/services
           title: Dienstleistungen
-        - path: pages://de/future/jobs
-          title: Jobs
+        - path: pages://de/future/collaboration
+          title: Zusammenarbeit
+        - path: pages://de/future/participation
+          title: Mitarbeit
   en:
     - path: pages://en/past
       title: Past
@@ -45,9 +45,9 @@ items:
     - path: pages://en/future
       title: Future
       children:
-        - path: pages://en/future/collaboration
-          title: Collaboration
         - path: pages://en/future/services
           title: Services
-        - path: pages://en/future/jobs
-          title: Jobs
+        - path: pages://en/future/collaboration
+          title: Collaboration
+        - path: pages://en/future/participation
+          title: Participation
diff --git a/src/content/pages/de/future.mdx b/src/content/pages/de/future.mdx
index 5d36be39..a9304970 100644
--- a/src/content/pages/de/future.mdx
+++ b/src/content/pages/de/future.mdx
@@ -32,13 +32,13 @@ import Button from "../../../components/Button.astro";
     </div>
     <div>
       <header>
-        <h3>Jobs</h3>
+        <h3>Mitarbeit</h3>
       </header>
       <main>
         Du suchst eine neue Herausforderung bei der du selbst über deinen Arbeitsalltag bestimmen und echte Verantwortung übernehmen kannst?
       </main>
       <footer>
-        <Button href="./zukunft/jobs" withArrow>Jobs</Button>
+        <Button href="./zukunft/mitarbeit" withArrow>Mitarbeit</Button>
       </footer>
     </div>
   </GridCards>
diff --git a/src/content/pages/de/future/jobs.mdx b/src/content/pages/de/future/jobs.mdx
deleted file mode 100644
index b62d1fd8..00000000
--- a/src/content/pages/de/future/jobs.mdx
+++ /dev/null
@@ -1,4 +0,0 @@
----
-path: jobs
-title: Jobs
----
diff --git a/src/content/pages/de/future/participation.mdx b/src/content/pages/de/future/participation.mdx
new file mode 100644
index 00000000..d79e1593
--- /dev/null
+++ b/src/content/pages/de/future/participation.mdx
@@ -0,0 +1,39 @@
+---
+path: mitarbeit
+title: Mitarbeit
+---
+
+import Sprite from "../../../../components/Sprite.astro";
+import MainAside from "../../../../layouts/groups/MainAside.astro";
+
+<section>
+  Wir sind ein kleines Team mit starken Werten, hohen Idealen und grossem Stolz an unserem Fach. 
+  Bei uns zu arbeiten bedeutet alles andere als einen 9-to-5 Job:
+<MainAside>
+  <slot>
+
+  ### Mitbestimmen können
+
+  Wir verstehen uns als holokratisch organisierte Firma; Strategische Entscheidungen treffen wir gemeinsam
+  als Team. Uns ist die Meinung und Mitarbeit jedes einzelnen wichtig. Wir sind Menschen, nicht nur Angestellte. 
+
+  ### Verantwortung tragen 
+
+  Jeder von uns übernimmt Verantwortung für seine Arbeit und darüber hinaus. Wir haben Freude daran die besten 
+  Lösungen für die Probleme unserer Kunden zu finden.
+
+  ### Neue Wege gehen 
+
+  Wir scheuen uns nicht davon, Neues auszuprobieren. Interne Projekte sehen wir auch
+  als Labor um und unerforschte Wege zu gehen, auch wenn mal etwas nicht funktioniert.
+
+
+  </slot>
+  <Sprite
+    name="dig"
+    slot="aside"
+    style={{ width: "100%" }}
+  />
+</MainAside>
+
+</section>
diff --git a/src/content/pages/de/past/formation.mdx b/src/content/pages/de/past/formation.mdx
index 208dc30f..a9e6d6a8 100644
--- a/src/content/pages/de/past/formation.mdx
+++ b/src/content/pages/de/past/formation.mdx
@@ -58,6 +58,6 @@ import Button from "../../../../components/Button.astro";
 
   <Button href="../zukunft" withArrow>Zukunft</Button>
 
-  Möchtest du auch Teil unserer Reise werden? Schau dir unsere [Jobs-Seite](../zukunft/jobs) an oder nimm Kontakt auf, falls du dein Projekt mit uns umsetzen möchtest!
+  Möchtest du auch Teil unserer Reise werden? Schau dir unsere [Mitarbeit-Seite](../zukunft/mitarbeit) an oder nimm Kontakt auf, falls du dein Projekt mit uns umsetzen möchtest!
 
 </FormationSection>
diff --git a/src/content/pages/de/present/values.mdx b/src/content/pages/de/present/values.mdx
index 0d3397fc..8224c0ff 100644
--- a/src/content/pages/de/present/values.mdx
+++ b/src/content/pages/de/present/values.mdx
@@ -1,45 +1,49 @@
 ---
 path: werte
-title: Unsere Werte
+title: Werte
 ---
 import Sprite from "../../../../components/Sprite.astro";
 import MainAside from "../../../../layouts/groups/MainAside.astro";
 
-<MainAside>
-  <slot>
-    Wir sind ...
+<section>
+  Werte werden bei uns gross geschrieben. Sie leiten uns bei der Auswahl von Mitarbeitern, Parntern und Kunden und
+  sind der Grundstein, auf dem unsere Firma aufgebaut ist.
 
-    ## pragmatisch und neugierig
+  <MainAside>
+    <slot>
 
-    Wir verfolgen pragmatische Ansätze und gehen manchmal auch neue, unkonventionelle Wege. 
-    Dabei haben wir stets die Ziele unser Kunden im Auge und passen unsere Vorgehensweise daran an.
+      ## pragmatisch und neugierig
 
-    ## kameradschaftlich und menschlich
+      Wir verfolgen pragmatische Ansätze und gehen manchmal auch neue, unkonventionelle Wege. 
+      Dabei haben wir stets die Ziele unser Kunden im Auge und passen unsere Vorgehensweise daran an.
 
-    Wir gehen Projekte wie Abenteuer kameradschaftlich an, denn gemeinsam geht's immer am besten. 
-    Der Mensch und die Zusammenarbeit sind uns wichtig und stehen stets im Vordergrund.
+      ## kameradschaftlich und menschlich
 
-    ## nachhaltig und nah
+      Wir gehen Projekte wie Abenteuer kameradschaftlich an, denn gemeinsam geht's immer am besten. 
+      Der Mensch und die Zusammenarbeit sind uns wichtig und stehen stets im Vordergrund.
 
-    Wir setzen auf eine enge Zusammenarbeit mit unseren Kunden. Unsere Lösungen sind auf langfristige Wartbarkeit und
-    Stabilität ausgelegt.
+      ## nachhaltig und nah
 
-    ## zuverlässig und verantwortungsbewusst
+      Wir setzen auf eine enge Zusammenarbeit mit unseren Kunden. Unsere Lösungen sind auf langfristige Wartbarkeit und
+      Stabilität ausgelegt.
 
-    Wir übernehmen Verantwortung für unsere Arbeit und stehen unseren Kunden bei jeder Herausforderung
-    zur Seite. KI sehen wir als Werkzeug um unsere Arbeit qualitativ noch besser zu machen, nicht um quantitativ 
-    mehr zu leisten.
-  </slot>
+      ## zuverlässig und verantwortungsbewusst
 
+      Wir übernehmen Verantwortung für unsere Arbeit und stehen unseren Kunden bei jeder Herausforderung
+      zur Seite. KI sehen wir als Werkzeug um unsere Arbeit qualitativ noch besser zu machen, nicht um quantitativ 
+      mehr zu leisten.
+    </slot>
 
-  <Sprite
-    name="map"
-    slot="aside"
-    style={{
-      width: "100%",
-      transform: "scaleX(-1)",
-      transformBox: "fill-box",
-      transformOrigin: "center",
-    }}
-  />
-</MainAside>
+
+    <Sprite
+      name="map"
+      slot="aside"
+      style={{
+        width: "100%",
+        transform: "scaleX(-1)",
+        transformBox: "fill-box",
+        transformOrigin: "center",
+      }}
+    />
+  </MainAside>
+</section>
diff --git a/src/content/pages/en/future.mdx b/src/content/pages/en/future.mdx
index f9e405ba..f390b839 100644
--- a/src/content/pages/en/future.mdx
+++ b/src/content/pages/en/future.mdx
@@ -32,13 +32,13 @@ import Button from "../../../components/Button.astro";
     </div>
     <div>
       <header>
-        <h3>Jobs</h3>
+        <h3>Participation</h3>
       </header>
       <main>
         Are you looking for a new challenge where you can decide on your own work and take over real responsibility?
       </main>
       <footer>
-        <Button href="./future/jobs" withArrow>Jobs</Button>
+        <Button href="./future/participation" withArrow>Participation</Button>
       </footer>
     </div>
   </GridCards>
diff --git a/src/content/pages/en/future/jobs.mdx b/src/content/pages/en/future/jobs.mdx
index fa71f718..eac5d591 100644
--- a/src/content/pages/en/future/jobs.mdx
+++ b/src/content/pages/en/future/jobs.mdx
@@ -1,4 +1,4 @@
 ---
-path: Jobs
-title: Jobs
+path: participation
+title: Participation
 ---
diff --git a/src/content/pages/en/past/formation.mdx b/src/content/pages/en/past/formation.mdx
index 22c5c554..3355809d 100644
--- a/src/content/pages/en/past/formation.mdx
+++ b/src/content/pages/en/past/formation.mdx
@@ -56,6 +56,6 @@ import Button from "../../../../components/Button.astro";
   Where are we going from here?
   <Button href="../future" withArrow>Future</Button>
 
-  Would you like to become part of our journey? Check out our [jobs page](../future/jobs) or get in touch if you want to realize your project with us!
+  Would you like to become part of our journey? Check out our [participation page](../future/participation) or get in touch if you want to realize your project with us!
 
 </FormationSection>
diff --git a/src/layouts/groups/MainAside.astro b/src/layouts/groups/MainAside.astro
index c65b5a27..32f8cad2 100644
--- a/src/layouts/groups/MainAside.astro
+++ b/src/layouts/groups/MainAside.astro
@@ -2,17 +2,17 @@
 // import Sprite from "../../components/Sprite.astro";
 ---
 
-<section {...Astro.props}>
+<div class="main-aside" {...Astro.props}>
   <main>
     <slot />
   </main>
   <aside>
     <slot name="aside" />
   </aside>
-</section>
+</div>
 
 <style>
-  section {
+  .main-aside {
     display: grid;
     grid-template-columns: 3fr 1fr;
     gap: var(--size-gutter-big);

From 163abbd177431674cb3429497bbfb52ea2ce9e2e Mon Sep 17 00:00:00 2001
From: Diego Steiner <diego.steiner@u041.ch>
Date: Tue, 6 Oct 2026 15:01:28 +0000
Subject: [PATCH 2/3] fix: add changelog

---
 .changeset/clean-goats-behave.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/clean-goats-behave.md

diff --git a/.changeset/clean-goats-behave.md b/.changeset/clean-goats-behave.md
new file mode 100644
index 00000000..6e0ea857
--- /dev/null
+++ b/.changeset/clean-goats-behave.md
@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": patch
+---
+
+Add content for jobs

From a439660526266ae337af5b54f764683c91e16a7d Mon Sep 17 00:00:00 2001
From: Diego Steiner <diego.steiner@u041.ch>
Date: Wed, 7 Oct 2026 10:48:10 +0200
Subject: [PATCH 3/3] fix: imporve content

---
 src/content/pages/de/future/collaboration.mdx | 15 -----
 src/content/pages/de/future/participation.mdx | 63 ++++++++++---------
 src/layouts/groups/Header.astro               |  1 +
 3 files changed, 36 insertions(+), 43 deletions(-)

diff --git a/src/content/pages/de/future/collaboration.mdx b/src/content/pages/de/future/collaboration.mdx
index f42c3f79..e8782d76 100644
--- a/src/content/pages/de/future/collaboration.mdx
+++ b/src/content/pages/de/future/collaboration.mdx
@@ -71,18 +71,3 @@ import MainAside from "../../../../layouts/groups/MainAside.astro";
 </section>
   
 <Divider kind="single" firstSegmentColor="var(--color-white)" flipHorizontal flipVertical />
-{/* <MainAside class="white-background">
-  <slot> 
-
-  </slot>
-  <Sprite
-    name="map"
-    slot="aside"
-    style={{
-      width: "100%",
-      transform: "scaleX(-1)",
-      transformBox: "fill-box",
-      transformOrigin: "center",
-    }}
-  />
-</MainAside> */}
diff --git a/src/content/pages/de/future/participation.mdx b/src/content/pages/de/future/participation.mdx
index d79e1593..f164bb9b 100644
--- a/src/content/pages/de/future/participation.mdx
+++ b/src/content/pages/de/future/participation.mdx
@@ -4,36 +4,43 @@ title: Mitarbeit
 ---
 
 import Sprite from "../../../../components/Sprite.astro";
+import Button from "../../../../components/Button.astro";
+import Divider from "../../../../components/Divider.astro";
 import MainAside from "../../../../layouts/groups/MainAside.astro";
 
 <section>
-  Wir sind ein kleines Team mit starken Werten, hohen Idealen und grossem Stolz an unserem Fach. 
-  Bei uns zu arbeiten bedeutet alles andere als einen 9-to-5 Job:
-<MainAside>
-  <slot>
-
-  ### Mitbestimmen können
-
-  Wir verstehen uns als holokratisch organisierte Firma; Strategische Entscheidungen treffen wir gemeinsam
-  als Team. Uns ist die Meinung und Mitarbeit jedes einzelnen wichtig. Wir sind Menschen, nicht nur Angestellte. 
-
-  ### Verantwortung tragen 
-
-  Jeder von uns übernimmt Verantwortung für seine Arbeit und darüber hinaus. Wir haben Freude daran die besten 
-  Lösungen für die Probleme unserer Kunden zu finden.
-
-  ### Neue Wege gehen 
-
-  Wir scheuen uns nicht davon, Neues auszuprobieren. Interne Projekte sehen wir auch
-  als Labor um und unerforschte Wege zu gehen, auch wenn mal etwas nicht funktioniert.
-
-
-  </slot>
-  <Sprite
-    name="dig"
-    slot="aside"
-    style={{ width: "100%" }}
-  />
-</MainAside>
+  Wir sind ein kleines Team mit klaren Werten, hohen Ansprüchen und grossem Stolz auf unser Handwerk. 
+  Bei uns zu arbeiten bedeutet, mitzugestalten, Verantwortung zu übernehmen und neue Wege auszuprobieren, keinen 08:15 Job zu haben:
+
+  <MainAside>
+    <slot>
+      ### Mitbestimmen können
+    
+      Wir verstehen uns als holokratisch organisierte Firma. Strategische Entscheidungen treffen wir gemeinsam als Team. Wir wollen, dass alle nicht nur ihre Aufgaben erledigen, sondern aktiv mitdenken und die Entwicklung des Unternehmens mitgestalten und mittragen.
+    
+      ### Verantwortung tragen 
+    
+      Jeder von uns übernimmt Verantwortung für sich selbst, seine Arbeit und die Firma. Wir suchen nach den besten Lösungen für die Herausforderungen unserer Kunden.
+    
+      ### Neues Lernen und weitergeben 
+    
+      Wir scheuen uns nicht davor, Neues auszuprobieren. Interne Projekte verstehen wir als Experimentierfeld: als Raum, in dem wir neue Ideen testen, unbekannte Wege erkunden und auch einmal scheitern dürfen. Wichtig ist, dass wir daraus lernen und weiterkommen. Die neuen Erfahrungen geben wir einander, unseren Kunden und den Teilnehmenden in unseren Kursen weiter.
+    
+      ### Spass haben
+    
+      Wir haben Freude daran, richtig gute Software zu schreiben und damit für unsere Kunden passendensten Lösungen zu finden. Wir nehmen unsere Arbeit ernst, uns selbst aber nicht immer. Ein gemeinsames Spiel nach dem Mittagessen, eine Partie Schach in der Pause und eine grosse Portion Humor gehören bei uns daze. 
+    </slot>
+    <Sprite
+      name="dig"
+      slot="aside"
+      style={{ width: "100%" }}
+    />
+  </MainAside>
 
 </section>
+<Divider kind="single" firstSegmentColor="var(--color-white)"  fixAntialiasingBottom={true} background="var(--color-background)" />
+<section class="white-background" >
+  Hast du Lust auch Teil des Teams zu werden?
+    
+  <Button href="mailto:hi@openscript.ch" withArrow>Dann nimm Kontakt mit uns auf</Button>
+</section>
diff --git a/src/layouts/groups/Header.astro b/src/layouts/groups/Header.astro
index 4f5085ac..a3120dbb 100644
--- a/src/layouts/groups/Header.astro
+++ b/src/layouts/groups/Header.astro
@@ -63,6 +63,7 @@ const navigation = await prepareNavigation(`main/${locale}`);
         background-color: var(--color-white);
         box-shadow: 2px 2px 0 var(--color-primary);
         white-space: nowrap;
+        min-width: 14rem;
 
         &::before {
           content: "";