From 93b16904670787834de4cf96a87311285b5f297e Mon Sep 17 00:00:00 2001
From: Benjamin Affolter <5555767+bliemli@users.noreply.github.com>
Date: Mon, 30 Dec 2024 16:21:45 +0100
Subject: [PATCH] Implement recaptcha

---
 config/_default/hugo.yaml     | 10 +++++-----
 config/production/hugo.yaml   | 13 +++++++------
 content/de/contact.md         |  2 ++
 content/en/contact.md         |  4 +++-
 layouts/partials/contact.html |  5 ++++-
 5 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/config/_default/hugo.yaml b/config/_default/hugo.yaml
index 43e0e64..4c44dac 100644
--- a/config/_default/hugo.yaml
+++ b/config/_default/hugo.yaml
@@ -49,10 +49,10 @@ params:
     - Breitenrain
   customHeadHTML: |
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-        <link rel="manifest" href="/site.webmanifest">
-        <link rel="stylesheet" type="text/css" href="/css/hoppy.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="stylesheet" type="text/css" href="/css/hoppy.css">
 
 markup:
   goldmark:
@@ -60,4 +60,4 @@ markup:
       unsafe: true
   tableOfContents:
     startLevel: 1
-    endLevel: 2
+    endLevel: 4
diff --git a/config/production/hugo.yaml b/config/production/hugo.yaml
index 5139042..1cf4016 100644
--- a/config/production/hugo.yaml
+++ b/config/production/hugo.yaml
@@ -1,8 +1,9 @@
 params:
   customHeadHTML: |
-    <script async src="https://analytics.umami.is/script.js" data-website-id="6275a9ce-bf8b-4475-81f5-3ca835d022ae" data-do-not-track="true"></script>
-        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-        <link rel="manifest" href="/site.webmanifest">
-        <link rel="stylesheet" type="text/css" href="/css/hoppy.css">
+    <script src="https://analytics.umami.is/script.js" async data-website-id="6275a9ce-bf8b-4475-81f5-3ca835d022ae" data-do-not-track="true"></script>
+    <script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="stylesheet" type="text/css" href="/css/hoppy.css">
diff --git a/content/de/contact.md b/content/de/contact.md
index d0a8ff1..23709a8 100644
--- a/content/de/contact.md
+++ b/content/de/contact.md
@@ -17,5 +17,7 @@ form:
       required: true
   message: Nachricht
   method: post
+  recaptcha:
+    sitekey: 6Lf0xqkqAAAAAN6PqbE8azdGP8aZEXld-YuDRKBx
   submit: Abschicken
 ---
diff --git a/content/en/contact.md b/content/en/contact.md
index 91566e0..7c0cfbc 100644
--- a/content/en/contact.md
+++ b/content/en/contact.md
@@ -3,7 +3,7 @@ title: Contact
 type: contact
 
 form:
-  action: https://forms.un-static.com/forms/edabbc7e6afca6f165ce36fc7b6fa6997859c092
+  action: https://forms.un-static.com/forms/3c151b12d8494b3a769eddba4369037b93a1cbea
   input:
     - label: Name
       id: name
@@ -17,5 +17,7 @@ form:
       required: true
   message: Message
   method: post
+  recaptcha:
+    sitekey: 6Lf0xqkqAAAAAN6PqbE8azdGP8aZEXld-YuDRKBx
   submit: Send
 ---
diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html
index b61994c..0c5c9ba 100644
--- a/layouts/partials/contact.html
+++ b/layouts/partials/contact.html
@@ -7,6 +7,7 @@ <h1>{{ .Title | markdownify }}</h1>
     {{ $formInput := .Params.form.input }}
     {{ $message := .Params.form.message }}
     {{ $method := .Params.form.method }}
+    {{ $sitekey := .Params.form.recaptcha.sitekey }}
     {{ $submit := .Params.form.submit }}
 
     <div class="contact-form">
@@ -19,11 +20,13 @@ <h1>{{ .Title | markdownify }}</h1>
       <label for="message"><span data-feather='message-square'></span> {{ $message }}:</label><br />
       <textarea id="message" name="message" cols="40" rows="10" required></textarea><br />
 
+      <div class="g-recaptcha" data-sitekey="{{ $sitekey }}"></div>
+
       <button name="submit" type="submit"><span data-feather='send'></span> {{ $submit }}</button>
     </form>
 
     <div>
-      <p><small>(Powered by <a rel="nofollow" href="Un-static Forms">Un-static Forms</a>)</small></p>
+      <p><small>(Powered by <a rel="nofollow" href="https://un-static.com/">Un-static Forms</a>)</small></p>
     </div>
     </div>
 </div>