Init commit

2026-04-06 14:15:32 +02:00
parent ce7e5a71b5
commit 874d85e1d8
45 changed files with 9652 additions and 0 deletions
--- a/captcha.html
+++ b/captcha.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Document</title>
+
+    <style>
+
+    canvas {
+
+      max-width: 100%;
+
+    }
+
+    </style>
+
+</head>
+
+<body>
+
+    
+
+<div class="container mt-5">
+
+    <div class="row justify-content-center">
+
+      <div class="col-md-6">
+
+
+
+        <form id="captcha-form" method="post" action="" class="mb-3">
+
+          <div class="mb-3">
+
+            <label for="name" class="form-label">Name</label>
+
+            <input type="text" class="form-control" id="name" name="name" required>
+
+          </div>
+
+          <div class="mb-3">
+
+            <label for="email" class="form-label">Email</label>
+
+            <input type="email" class="form-control" id="email" name="email" required>
+
+          </div>
+
+          <div class="mb-3">
+
+            <label for="message" class="form-label">Message</label>
+
+            <textarea class="form-control" id="message" name="message" required></textarea>
+
+          </div>
+
+          <div class="mb-3 d-flex align-items-center">
+
+            <canvas id="captcha" width="200" height="80"></canvas>
+
+            <button type="button" class="btn btn-secondary" id="refresh-captcha">
+
+              <i class="fa fa-refresh"></i>
+
+            </button>
+
+          </div>
+
+
+
+          <div class="mb-3">
+
+            <label for="captcha-input" class="form-label">Enter Captcha</label>
+
+            <input type="text" class="form-control" id="captcha-input" required>
+
+          </div>
+
+          <button type="submit" class="btn btn-primary">Submit</button>
+
+        </form>
+
+
+
+      </div>
+
+    </div>
+
+  </div>
+
+
+
+</body>
+
+</html>
+
+
+
+<script src="./js/jquery-3.js"></script>
+
+<script type="text/javascript">
+
+    $(document).ready(function () {
+
+      // Generate captcha on page load
+
+      generateCaptcha();
+
+      // Handle captcha refresh button click
+
+      $("#refresh-captcha").click(function () {
+
+        generateCaptcha();
+
+        $("#captcha-input").val("");
+
+      });
+
+      // Handle form submit