From 5833daefd5e8a2192d9b99f061178487a75a8558 Mon Sep 17 00:00:00 2001
From: Psycho <lp.forever007@yahoo.de>
Date: Sat, 2 May 2026 09:10:58 +0200
Subject: [PATCH] angestospelt: Fix email display in form success message
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This should immediately surface typos when entering an email address in
any form.

Closes: #202
Reviewed-on: https://codeberg.org/angestoepselt/homepage/pulls/217
Reviewed-by: Yannik Rödel <hey@yannik.info>
---
 sites/angestoepselt/kontakt/fertig.md | 11 +++++++----
 sites/coderdojo/kontakt/fertig.md     | 14 +++++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/sites/angestoepselt/kontakt/fertig.md b/sites/angestoepselt/kontakt/fertig.md
index 0995834..459e078 100644
--- a/sites/angestoepselt/kontakt/fertig.md
+++ b/sites/angestoepselt/kontakt/fertig.md
@@ -32,16 +32,19 @@ extraStylesheets: ['finish']
 
 **Vielen Dank**&emsp;&mdash;&emsp;
 Wir haben deine Anfrage erhalten und melden uns bei dir.
-Du erhältst in Kürze eine Bestätigung per E-Mail.
+Du erhältst in Kürze eine Bestätigung per E-Mail. {id=thanks}
 
 Falls du _keine E-Mail_ bekommst, prüfe bitte deinen Spam-Ordner.
-<span id="email-hint"></span>
+Sollte bei der Eingabe der E-Mail-Adresse ein Fehler passiert sein, melde dich bitte bei uns.
 
 <script>
 (() => {
   const payload = new URLSearchParams(location.hash.replace(/^#/, ""));
   const email = payload.get("email");
-  if (email)
-    document.getElementById("email-hint").innerText = `Kontrolliere auch, ob du die richtige E-Mail-Addrresse angegeben hast: ${email}.`;
+  if (email) {
+    const emailElement = document.createElement("strong");
+    emailElement.innerText = email;
+    document.getElementById("thanks").append(" Diese geht an: ", emailElement, ".");
+  }
 })();
 </script>
diff --git a/sites/coderdojo/kontakt/fertig.md b/sites/coderdojo/kontakt/fertig.md
index 47eee75..8c4538a 100644
--- a/sites/coderdojo/kontakt/fertig.md
+++ b/sites/coderdojo/kontakt/fertig.md
@@ -31,4 +31,16 @@ extraStylesheets: ['finish']
 </svg>
 
 **Vielen Dank**&emsp;&mdash;&emsp;
-Wir haben deine Anfrage erfolgreich erhalten.
+Wir haben deine Anfrage erfolgreich erhalten. {id=thanks}
+
+<script>
+(() => {
+  const payload = new URLSearchParams(location.hash.replace(/^#/, ""));
+  const email = payload.get("email");
+  if (email) {
+    const emailElement = document.createElement("strong");
+    emailElement.innerText = email;
+    document.getElementById("thanks").append(" Wir melden uns bei dir per E-Mail: ", emailElement, ".");
+  }
+})();
+</script>