DevOps/captchaPage at main · Twitter-Clone-Project/DevOps · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
    <title>reCAPTCHA</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: black; /* Set the background color to black */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .g-recaptcha {
            transform: scale(3); /* Adjust the scale to fit the width */
        }
    </style>
</head>
<body>
<form action="?" method="POST" style="width: 100vw; display: flex; justify-content: center;">
    <div class="g-recaptcha"
         data-sitekey="6LeousYoAAAAACH0uCm7e4NKQkOWgrZWxmPPCMBZ"
         data-callback="captchaCallback"></div>
</form>

<script>
        function captchaCallback(response) {
            console.log(response);
            if (typeof Captcha !== "undefined") {
                Captcha.postMessage(response);
            }
        }
    </script>
</body>
</html>