From 3a92ac735eb78b03cab776de380025a95e17974d Mon Sep 17 00:00:00 2001
From: Robin <git+r@obin.ch>
Date: Thu, 11 Dec 2025 14:46:23 +0000
Subject: [PATCH 1/4] Add 404 page

Fixes #452
---
 src/layouts/groups/Contact.astro |  2 +-
 src/pages/404.astro              | 61 ++++++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/404.astro

diff --git a/src/layouts/groups/Contact.astro b/src/layouts/groups/Contact.astro
index 52549127..f84427ac 100644
--- a/src/layouts/groups/Contact.astro
+++ b/src/layouts/groups/Contact.astro
@@ -21,7 +21,7 @@ const locale = currentLocale.get();
     <Email />
   </li>
   {
-    withoutLanguageSwitcher ? null : (
+    withoutLanguageSwitcher || !translations ? null : (
       <li>
         <LanguageSwitcher locale={locale} translations={translations} />
       </li>
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 00000000..f21f1070
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,61 @@
+---
+import Button from "../components/Button.astro";
+import Shell from "../layouts/Shell.astro";
+import Article from "../layouts/templates/Article.astro";
+---
+
+<style>
+  [data-translation] {
+    display: none;
+  }
+
+  .active[data-translation] {
+    display: block;
+  }
+</style>
+
+<Shell>
+  <div data-translation="en">
+    <Article title="Page not found">
+      <section>
+        <p>Sorry, the page you are looking for does not exist.</p>
+        <Button href="/en" withArrow>Go to home page</Button>
+      </section>
+    </Article>
+  </div>
+  <div data-translation="de">
+    <Article title="Seite nicht gefunden">
+      <section>
+        <p>Entschuldigung, die von Ihnen gesuchte Seite existiert nicht.</p>
+        <Button href="/" withArrow>Startseite aufrufen</Button>
+      </section>
+    </Article>
+  </div>
+
+  <script>
+    function register() {
+      const localeElements = document.querySelectorAll("[data-translation]");
+
+      for (const element of localeElements) {
+        if (!(element instanceof HTMLElement)) continue;
+        const { translation } = element.dataset;
+        if (!translation) continue;
+
+        if (window.location.pathname.startsWith(`/${translation}/`)) {
+          element.classList.add("active");
+          break;
+        }
+      }
+
+      if (!Array.from(localeElements).some((el) => el instanceof HTMLElement && el.classList.contains("active"))) {
+        const defaultElement = document.querySelector(`[data-translation="de"]`);
+        if (defaultElement instanceof HTMLElement) {
+          defaultElement.classList.add("active");
+        }
+      }
+    }
+
+    register();
+    document.addEventListener("astro:after-swap", register);
+  </script>
+</Shell>

From 802044d8f006f499a2cdbb1aa1cd163e51eb1700 Mon Sep 17 00:00:00 2001
From: Robin <git+r@obin.ch>
Date: Thu, 11 Dec 2025 14:48:37 +0000
Subject: [PATCH 2/4] chore: simplify code

---
 src/pages/404.astro | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index f21f1070..8e731a21 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -35,23 +35,14 @@ import Article from "../layouts/templates/Article.astro";
   <script>
     function register() {
       const localeElements = document.querySelectorAll("[data-translation]");
-
-      for (const element of localeElements) {
-        if (!(element instanceof HTMLElement)) continue;
-        const { translation } = element.dataset;
-        if (!translation) continue;
-
-        if (window.location.pathname.startsWith(`/${translation}/`)) {
-          element.classList.add("active");
-          break;
-        }
-      }
-
-      if (!Array.from(localeElements).some((el) => el instanceof HTMLElement && el.classList.contains("active"))) {
-        const defaultElement = document.querySelector(`[data-translation="de"]`);
-        if (defaultElement instanceof HTMLElement) {
-          defaultElement.classList.add("active");
-        }
+      const pathname = window.location.pathname;
+      const activeElement =
+        Array.from(localeElements).find(
+          (el) => el instanceof HTMLElement && pathname.startsWith(`/${el.dataset.translation}/`),
+        ) || document.querySelector('[data-translation="de"]');
+
+      if (activeElement instanceof HTMLElement) {
+        activeElement.classList.add("active");
       }
     }
 

From e7b1a38ee9cca5785b19b991a74416a2d73cc0b1 Mon Sep 17 00:00:00 2001
From: Robin <git+r@obin.ch>
Date: Thu, 11 Dec 2025 14:49:45 +0000
Subject: [PATCH 3/4] chore: add changeset

---
 .changeset/bold-words-post.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/bold-words-post.md

diff --git a/.changeset/bold-words-post.md b/.changeset/bold-words-post.md
new file mode 100644
index 00000000..d3e0997b
--- /dev/null
+++ b/.changeset/bold-words-post.md
@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": patch
+---
+
+Add 404 page

From 2c4b59c86cd40de0f81fbc7387f0e17cb05ca554 Mon Sep 17 00:00:00 2001
From: Robin <git+r@obin.ch>
Date: Fri, 12 Dec 2025 01:29:12 +0000
Subject: [PATCH 4/4] chore: remove wrong shell wrapping

---
 src/pages/404.astro | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 8e731a21..a3637a6f 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -31,22 +31,22 @@ import Article from "../layouts/templates/Article.astro";
       </section>
     </Article>
   </div>
+</Shell>
 
-  <script>
-    function register() {
-      const localeElements = document.querySelectorAll("[data-translation]");
-      const pathname = window.location.pathname;
-      const activeElement =
-        Array.from(localeElements).find(
-          (el) => el instanceof HTMLElement && pathname.startsWith(`/${el.dataset.translation}/`),
-        ) || document.querySelector('[data-translation="de"]');
+<script>
+  function register() {
+    const localeElements = document.querySelectorAll("[data-translation]");
+    const pathname = window.location.pathname;
+    const activeElement =
+      Array.from(localeElements).find(
+        (el) => el instanceof HTMLElement && pathname.startsWith(`/${el.dataset.translation}/`),
+      ) || document.querySelector('[data-translation="de"]');
 
-      if (activeElement instanceof HTMLElement) {
-        activeElement.classList.add("active");
-      }
+    if (activeElement instanceof HTMLElement) {
+      activeElement.classList.add("active");
     }
+  }
 
-    register();
-    document.addEventListener("astro:after-swap", register);
-  </script>
-</Shell>
+  register();
+  document.addEventListener("astro:after-swap", register);
+</script>