Feat/participate

.changeset/clean-goats-behave.md

@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": patch
+---
+
+Add content for jobs

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

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>

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> */}

src/content/pages/de/future/participation.mdx

@@ -0,0 +1,46 @@
+---
+path: mitarbeit
+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 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>

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>

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>

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>

src/content/pages/en/future/jobs.mdx

@@ -1,4 +1,4 @@
 ---
-path: Jobs
-title: Jobs
+path: participation
+title: Participation
 ---

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>

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: "";

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);