add temp captcha to contact form

go.mod

@@ -8,6 +8,7 @@ require (
 )
 
 require (
+	github.com/altcha-org/altcha-lib-go v0.2.2 // indirect
 	github.com/jackc/pgpassfile v1.0.0 // indirect
 	github.com/jackc/pgservicefile v0.0.0-20240606120523-5a60cdf6a761 // indirect
 	github.com/jackc/puddle/v2 v2.2.2 // indirect

go.sum

@@ -1,3 +1,5 @@
+github.com/altcha-org/altcha-lib-go v0.2.2 h1:KY7a7jFUf6tFKZF6MzuZMhSWuGMv0MtVkK/Kj4Oas38=
+github.com/altcha-org/altcha-lib-go v0.2.2/go.mod h1:I8ESLVWR9C58uvGufB/AJDPhaSU4+4Oh3DLpVtgwDAk=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=

internal/handlers/handlers.go

@@ -422,7 +422,6 @@ func (h *Handler) handleContactSubmission(w http.ResponseWriter, r *http.Request
   // If subscribe checkbox is checked, add to subscribers
   if subscribe {
     if err := h.db.AddSubscriber(r.Context(), email); err != nil {
-      // Log but don't fail the contact submission
       h.logger.Printf(
         "ℹ Subscriber %s already exists or failed to add: %v",
         email,
@@ -463,7 +462,7 @@ func (h *Handler) handleContactSubmission(w http.ResponseWriter, r *http.Request
     }
   }
 
-  // Save contact message to database (optional - add to your DB interface)
+  // Save contact message to database
   if err := h.db.AddContactMessage(r.Context(), name, email, subject, message); err != nil {
     h.logger.Printf(
       "⚠ Failed to save contact message: %v",

templates/contact.html

@@ -95,6 +95,23 @@
         </label>
       </div>
 
+      <!-- Simple Addition CAPTCHA -->
+      <div class="form-group">
+        <label for="captcha">
+          Quick Math Check <span class="required">*</span>
+        </label>
+        <div id="captchaQuestion" style="font-weight: bold; margin-bottom: 8px; color: #333; font-size: 16px;"></div>
+        <input
+          type="text"
+          id="captcha"
+          name="captcha"
+          required
+          placeholder="Enter the answer"
+          autocomplete="off"
+          inputmode="numeric"
+        />
+      </div>
+
       <button type="submit" class="form-submit">
         <i class="fas fa-paper-plane"></i>
         Send Message
@@ -126,15 +143,56 @@
 </div>
 
 <script>
-  document.getElementById('contactForm').addEventListener(
+  let currentCaptcha = null;
-    'submit',
+
-    async (e) => {
+  // Generate simple addition CAPTCHA (easier)
+  function generateCaptcha() {
+    const num1 = Math.floor(Math.random() * 20) + 1;  // 1-20
+    const num2 = Math.floor(Math.random() * 20) + 1;  // 1-20
+    const answer = num1 + num2;
+    
+    return {
+      question: `${num1} + ${num2} = ?`,
+      answer: answer.toString()
+    };
+  }
+
+  // Initialize CAPTCHA on page load
+  function initCaptcha() {
+    currentCaptcha = generateCaptcha();
+    document.getElementById('captchaQuestion').textContent = currentCaptcha.question;
+    document.getElementById('captcha').value = '';
+    document.getElementById('captcha').focus();
+  }
+
+  // Initialize on load
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initCaptcha);
+  } else {
+    initCaptcha();
+  }
+
+  document.getElementById('contactForm').addEventListener('submit', async (e) => {
     e.preventDefault();
+
+    // Validate CAPTCHA
+    const userAnswer = document.getElementById('captcha').value.trim();
+    if (userAnswer !== currentCaptcha.answer) {
+      alert('Incorrect answer. Please try again.');
+      currentCaptcha = generateCaptcha();
+      document.getElementById('captchaQuestion').textContent = currentCaptcha.question;
+      document.getElementById('captcha').value = '';
+      document.getElementById('captcha').focus();
+      return;
+    }
+
     const form = e.target;
     const formData = new FormData(form);
     
+    // Don't send the captcha answer to server
+    formData.delete('captcha');
+
     console.log('Form submitted');
-      console.log('Form data:', Object.fromEntries(formData));
 
     try {
       const response = await fetch('/contact', {
@@ -150,22 +208,23 @@
       console.log('Response data:', data);
 
       if (response.ok) {
-          document.getElementById('successMessage')
+        document.getElementById('successMessage').classList.add('show');
-            .classList.add('show');
         form.reset();
+        initCaptcha();
+        
         setTimeout(() => {
-            document.getElementById('successMessage')
+          document.getElementById('successMessage').classList.remove('show');
-              .classList.remove('show');
         }, 5000);
       } else {
         alert('Error: ' + (data.error || 'Failed to send message'));
+        initCaptcha();
       }
     } catch (error) {
       console.error('Error:', error);
       alert('Failed to send message: ' + error.message);
+      initCaptcha();
     }
-    }
+  });
-  );
 </script>
 
 {{end}}