diff --git a/.changeset/four-onions-pick.md b/.changeset/four-onions-pick.md
new file mode 100644
index 00000000..7426b0b8
--- /dev/null
+++ b/.changeset/four-onions-pick.md
@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": patch
+---
+
+Add collaboration content (de)
diff --git a/res/sprite/binoculars.svg b/res/sprite/binoculars.svg
new file mode 100644
index 00000000..a0a409cf
--- /dev/null
+++ b/res/sprite/binoculars.svg
@@ -0,0 +1,281 @@
+
+
+
+
diff --git a/res/sprite/birdhouse.svg b/res/sprite/birdhouse.svg
new file mode 100644
index 00000000..6de43bc9
--- /dev/null
+++ b/res/sprite/birdhouse.svg
@@ -0,0 +1,447 @@
+
+
+
+
diff --git a/res/sprite/dig.svg b/res/sprite/dig.svg
new file mode 100644
index 00000000..d0104d2d
--- /dev/null
+++ b/res/sprite/dig.svg
@@ -0,0 +1,460 @@
+
+
+
+
diff --git a/res/sprite/illustration_grouped.svg b/res/sprite/illustration_grouped.svg
new file mode 100644
index 00000000..f727a094
--- /dev/null
+++ b/res/sprite/illustration_grouped.svg
@@ -0,0 +1,1413 @@
+
+
diff --git a/res/sprite/sprite.json b/res/sprite/sprite.json
index 51ff2f26..d215f675 100644
--- a/res/sprite/sprite.json
+++ b/res/sprite/sprite.json
@@ -11,6 +11,14 @@
"width": "9.387",
"height": "10"
},
+ "binoculars": {
+ "width": "390.416",
+ "height": "681.343"
+ },
+ "birdhouse": {
+ "width": "674",
+ "height": "255"
+ },
"brand": {
"width": "52.089",
"height": "35.334"
@@ -31,6 +39,10 @@
"width": "24",
"height": "24"
},
+ "dig": {
+ "width": "821.213",
+ "height": "780.535"
+ },
"education": {
"width": "24",
"height": "24"
@@ -47,6 +59,10 @@
"width": "2000",
"height": "668.01"
},
+ "illustration_grouped": {
+ "width": "2000",
+ "height": "666.67"
+ },
"linkedin": {
"width": "63.928",
"height": "63.848"
@@ -116,8 +132,8 @@
"height": "24"
},
"map": {
- "width": "296",
- "height": "420"
+ "width": "148",
+ "height": "210"
},
"mobile": {
"width": "24",
diff --git a/src/components/Divider.astro b/src/components/Divider.astro
index edf238b4..4f50ebd8 100644
--- a/src/components/Divider.astro
+++ b/src/components/Divider.astro
@@ -8,6 +8,7 @@ type Props = {
firstSegmentColor?: string;
secondSegmentColor?: string;
height?: string;
+ background?: string;
};
const {
@@ -15,13 +16,19 @@ const {
flipHorizontal = false,
fixAntialiasingTop = false,
fixAntialiasingBottom = false,
+ background = "transparent",
kind = "single",
firstSegmentColor = "",
secondSegmentColor = "",
height = "",
} = Astro.props;
-const style = `transform: scaleX(${flipHorizontal ? -1 : 1}) scaleY(${flipVertical ? -1 : 1})${fixAntialiasingTop ? "; margin-block-start: -1.1px;" : ""}${fixAntialiasingBottom ? "; margin-block-end: -1.1px;" : ""}`;
+const style = `
+ transform: scaleX(${flipHorizontal ? -1 : 1}) scaleY(${flipVertical ? -1 : 1});
+ margin-block-start: ${fixAntialiasingTop ? "-1.1px;" : "initial"};
+ margin-block-end: ${fixAntialiasingBottom ? "-1.1px;" : "initial"};
+ background: ${background};
+`;
---
{kind === "single" ? (
diff --git a/src/content/pages/de/future/collaboration.mdx b/src/content/pages/de/future/collaboration.mdx
index 063acbf8..f42c3f79 100644
--- a/src/content/pages/de/future/collaboration.mdx
+++ b/src/content/pages/de/future/collaboration.mdx
@@ -4,13 +4,85 @@ title: Zusammenarbeit
---
import Button from "../../../../components/Button.astro";
+import Sprite from "../../../../components/Sprite.astro";
+import Divider from "../../../../components/Divider.astro";
+import MainAside from "../../../../layouts/groups/MainAside.astro";
- Sie haben ein spannendes Softwareprojekt und suchen einen nachhaltigen Partner für die Realisierung?
+ Bei uns gehört die aktive Mitarbeit des Kunden zur Zusammenarbeit dazu. So gehen wir vor:
- Nur gemeinsam können wir grossartige Software programmieren, ob als externer Partner oder Kollege. Wir freuen uns darauf Sie kennenzulernen.
+ ### 1. Persönliches Kennenlernen
-
+ Wir lernen Sie am liebsten persönlich und bei Ihnen vor Ort kennen, um Sie und Ihre Bedürfnisse zu
+ verstehen. Wir wollen zuerst herausfinden, was Sie wirklich brauchen und wie die Zusammenarbeit für beide Seiten
+ am fruchtbarsten gestaltet werden kann.
+ ### 2. Analyse
+
+ Wir sichten Dokumentation, Quellcode, Infrastruktur, Abhängigkeiten, Datenflüsse und bestehende Deployments.
+ Dabei prüfen wir unter anderem Sicherheit, Wartbarkeit, Performance, Backup- und Wiederherstellungsverfahren
+ Drittanbieter-Integrationen. Fehlende Informationen und Risiken halten wir als Issues fest.
+
+ ### 3. Vorbereitung
+
+ Wir klären Zugänge, Verantwortlichkeiten und die verfügbaren Artefakte. Der Quellcode, die Dokumentation,
+ Konfigurationen und Deployments sollen möglichst im Besitz von Ihnen liegen und versioniert und
+ nachvollziehbar abgelegt sein.
+
+ Wir setzen bei allen Entwicklern die lokale Entwicklungsumgebung nachvollziehbar so auf, dass sie die
+ Gegebenheiten der Produktivumgebung möglichst gut abbildet und dennoch eine effiziente und
+ effektive Arbeitsweise ermöglicht und wir Anpassungen zeitnah umsetzen können.
+
+ ### 5. Anforderungen und Umsetzung
+
+ Wir schneiden Arbeitspakete möglichst klein, schätzen sie gemeinsam und setzen sie erst nach Absprache mit Ihnen um.
+ Die Mitarbeit von Ihnen als Kunde ist uns gerade in dieser Phase sehr wichtig.
+
+ Vor grösseren Änderungen schaffen wir, soweit erforderlich, eine reproduzierbare Test- oder Staging-Umgebung
+ und überprüfen Backups sowie einen möglichen Rollback. Anschliessend erstellen und priorisieren wir gemeinsam
+ einen Massnahmenplan.
+
+ Bestehende Funktionen oder Konstrukte werden nur ersetzt, wenn dies technisch oder wirtschaftlich begründet ist.
+
+ ### 6. Prüfung und Abnahme
+
+ Änderungen werden von uns automatisiert und manuell getestet. Auf dem Testsystem prüfen Sie anschliessend die
+ Anpassungen selbst und geben sie frei. Rückmeldungen werden dokumentiert und vor der Produktivschaltung bearbeitet.
+
+ ### 7. Produktivschaltung
+
+ Wir planen Releases nachvollziehbar, führen sie schrittweise durch und stellen sicher,
+ dass ein Rollback oder eine geeignete Wiederherstellung möglich ist.
+
+ ### 8. Überwachung und Nachbereitung
+
+ Wir überwachen die vereinbarten Systeme und informieren bei relevanten Fehlern oder Sicherheitsproblemen
+ gemäss den vereinbarten Servicezeiten. Nach Releases prüfen wir die wichtigsten Funktionen und
+ dokumentieren die Ergebnisse.
+
+
+
+
+ Stimmt dieses Vorgehen mit Ihren Vorstellungen überein?
+
+
+
+
+
+{/*
+
+
+
+
+ */}
diff --git a/src/content/pages/en/future/collaboration.mdx b/src/content/pages/en/future/collaboration.mdx
index f153dab3..902ac338 100644
--- a/src/content/pages/en/future/collaboration.mdx
+++ b/src/content/pages/en/future/collaboration.mdx
@@ -6,9 +6,5 @@ title: Collaboration
import Button from "../../../../components/Button.astro";
- You have an adventurous software project ahead and you need a reliable partner?
-
- Only together we can build great software, is it as partner or colleague.
-
-
+ TRANSLATE DE after review
diff --git a/src/layouts/groups/MainAside.astro b/src/layouts/groups/MainAside.astro
index 1a7d5b80..c65b5a27 100644
--- a/src/layouts/groups/MainAside.astro
+++ b/src/layouts/groups/MainAside.astro
@@ -2,7 +2,7 @@
// import Sprite from "../../components/Sprite.astro";
---
-
+