From b3bfa4a8f6e1e86c109653a4450aaa057a0d3f8f Mon Sep 17 00:00:00 2001
From: Kasper Nissen <kaspernissen@gmail.com>
Date: Wed, 10 Apr 2024 09:45:18 +0200
Subject: [PATCH] Change slack invitation to be a link instead of a form

---
 assets/scss/custom/_style.scss | 21 +++++++++++++++++++
 layouts/partials/slack.html    | 38 ++++------------------------------
 2 files changed, 25 insertions(+), 34 deletions(-)

diff --git a/assets/scss/custom/_style.scss b/assets/scss/custom/_style.scss
index ef1473a..d87c414 100644
--- a/assets/scss/custom/_style.scss
+++ b/assets/scss/custom/_style.scss
@@ -137,4 +137,25 @@ footer {
     .google {
         max-width: 2.6rem;
     }
+}
+
+.slack {
+    a:link {
+        color: $blue;
+        text-decoration: underline;
+    }
+
+    a:visited {
+        color: $pink;
+        text-decoration: underline;
+    }
+
+    a:hover {
+        color: $grey;
+        text-decoration: underline;
+    }
+    a:active {
+        color: $blue;
+        text-decoration: underline;
+    }
 }
\ No newline at end of file
diff --git a/layouts/partials/slack.html b/layouts/partials/slack.html
index c82985b..9ce2940 100644
--- a/layouts/partials/slack.html
+++ b/layouts/partials/slack.html
@@ -1,39 +1,9 @@
-<section class="bg-purple py-4">
+<section class="bg-purple py-4 slack">
   <div class="container">
     <div class="row">
-      <div class="col-sm-12 col-lg-6 align-self-center">
-        <h3>Join our Slack community</h3>
-      </div>
-      <div class="col-sm-12 col-lg-6">
-        <form action="https://slack.cloudnativenordics.com/invite" method="get" class="mb-0">
-          <div class="input-group mb-3">
-            <input type="email" name="email" id="email" class="form-control form-control-lg"
-              placeholder="Enter email..." />
-            <div class="input-group-append">
-              <button type="submit" class="btn btn-secondary" type="button">Invite</button>
-            </div>
-          </div>
-          <div class="cf-turnstile" data-sitekey="0x4AAAAAAAQkG-a3pcOC8Ic1"></div>
-        </form>
-        <p id="status"></p>
+      <div class="col-sm-12 col-lg-12 align-self-center">
+        <h3>Join our Slack community by following <a href="https://join.slack.com/t/cloud-native-nordics/shared_invite/zt-2ge0c6cmo-SDDeFUDeEU~TUkZTDcis8w">this link</a></h3>
       </div>
     </div>
   </div>
-</section>
-<script>
-  (() => {
-    const form = document.querySelector('form');
-    const formResponse = document.getElementById('status');
-    const inputEmail = document.getElementById("email")
-    form.onsubmit = e => {
-      e.preventDefault();
-      var xhr = new XMLHttpRequest();
-      xhr.open(form.method, form.action + "?email=" + inputEmail.value, true);
-      xhr.send(null);
-      xhr.onloadend = response => {
-        form.reset();
-        formResponse.innerHTML = response.target.responseText;
-      };
-    };
-  })();
-</script>
\ No newline at end of file
+</section>
\ No newline at end of file