newsletter

Author: SPRINX0\prochazka

content/_index.md

@@ -24,4 +24,5 @@ download_button: true
 
 
 {{< sponsor >}}
-{{< feedback >}}
+{{< feedback >}}
+{{< newsletter >}}

content/about.md

@@ -51,3 +51,5 @@ You can see, what wrote about DbGate [Softpedia](https://www.softpedia.com/get/I
 Any feedback is welcome, please create issue on [GitHub](https://github.com/dbgate/dbgate/issues/new/choose)
 
 {{< sponsor >}}
+
+{{< newsletter >}}

content/download.md

@@ -11,3 +11,5 @@ aliases:
 {{< download >}}
 
 {{< feedback >}}
+
+{{< newsletter >}}

layouts/shortcodes/newsletter.html

@@ -0,0 +1,56 @@
+<p>
+<h2>Join our newsletter</h2>
+Stay informed! One mail per month about DbGate, SQL and databases. We will not share your info with anyone.
+</p>
+
+<form>
+  <!-- Newsletter Email -->
+  <div class="form-group mb-3">
+    <input type="email" class="input" id="newsletterEmail" placeholder="Email addres" />
+    <p class="help is-danger" id="email-error" style="display: none">Please enter valid e-mail</p>
+  </div>
+
+  <p>
+    <a onclick="subscribeNewsletter()" class="button is-info is-medium"> Subscribe </a>
+  </p>
+</form>
+
+<script>
+  async function subscribeNewsletter() {
+    const emailInput = document.getElementById('newsletterEmail');
+    const emailError = document.getElementById('email-error');
+    const email = emailInput.value;
+
+    // Simple e-mail pattern
+    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailPattern.test(email)) {
+      emailInput.classList.add('is-danger'); // You could also handle is-invalid via .form-control
+      emailError.style.display = 'block';
+      return;
+    } else {
+      emailInput.classList.remove('is-danger');
+      emailError.style.display = 'none';
+    }
+
+    const data = {
+      email: email,
+    };
+
+    try {
+      const response = await fetch(
+        'https://api.dbgate.io/newsletter/dbgate.org',
+        {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify(data),
+        }
+      );
+      alert('Thank you for joining our newslette.');
+    } catch (error) {
+      console.error('Error:', error);
+      alert('An error occurred while sending data.');
+    }
+  }
+</script>