Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>DashX - Authentication</title> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.css" rel="stylesheet"> | |
| <link href="styles.css" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <nav class="navbar"> | |
| <div class="nav-container"> | |
| <div class="nav-brand"> | |
| <a href="/"> | |
| <h2><i class="fas fa-bolt"></i> DashX</h2> | |
| </a> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="auth-container"> | |
| <div class="auth-card"> | |
| <div class="auth-tabs"> | |
| <button class="tab-btn active" onclick="switchTab('login')"> | |
| <i class="fas fa-sign-in-alt"></i> Login | |
| </button> | |
| <button class="tab-btn" onclick="switchTab('register')"> | |
| <i class="fas fa-user-plus"></i> Register | |
| </button> | |
| </div> | |
| <form id="loginForm" class="auth-form"> | |
| <h2><i class="fas fa-sign-in-alt"></i> Login to DashX</h2> | |
| <div class="form-group"> | |
| <label><i class="fas fa-envelope"></i> Email</label> | |
| <input type="email" name="email" required placeholder="Enter your email"> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-lock"></i> Password</label> | |
| <input type="password" name="password" required placeholder="Enter your password"> | |
| </div> | |
| <div class="cf-turnstile" | |
| data-sitekey="0x4AAAAAAB8kM_8LvhuBsO6_" | |
| data-callback="onTurnstileSuccess"> | |
| </div> | |
| <button type="submit" class="btn btn-primary"> | |
| <i class="fas fa-sign-in-alt"></i> Login | |
| </button> | |
| </form> | |
| <form id="registerForm" class="auth-form" style="display: none;"> | |
| <h2><i class="fas fa-user-plus"></i> Create Account</h2> | |
| <div class="form-group"> | |
| <label><i class="fas fa-user"></i> Username</label> | |
| <input type="text" name="username" required placeholder="Choose a username"> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-envelope"></i> Email</label> | |
| <input type="email" name="email" required placeholder="Enter your email"> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-lock"></i> Password</label> | |
| <input type="password" name="password" required placeholder="Choose a password"> | |
| </div> | |
| <button type="submit" class="btn btn-primary"> | |
| <i class="fas fa-user-plus"></i> Register | |
| </button> | |
| </form> | |
| <form id="adminForm" class="auth-form" style="display: none;"> | |
| <h2><i class="fas fa-user-shield"></i> Admin Login</h2> | |
| <div class="form-group"> | |
| <label><i class="fas fa-user"></i> Username</label> | |
| <input type="text" name="username" required placeholder="Admin username"> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-lock"></i> Password</label> | |
| <input type="password" name="password" required placeholder="Admin password"> | |
| </div> | |
| <button type="submit" class="btn btn-primary"> | |
| </button> | |
| </form> | |
| <form id="verifyForm" class="auth-form" style="display: none;"> | |
| <h2><i class="fas fa-envelope-open"></i> Verify Email</h2> | |
| <p style="text-align: center; margin-bottom: 1.5rem; opacity: 0.8;"> | |
| Check your email for the verification code | |
| </p> | |
| <div class="form-group"> | |
| <label><i class="fas fa-envelope"></i> Email</label> | |
| <input type="email" name="email" required placeholder="Your email address"> | |
| </div> | |
| <div class="form-group"> | |
| <label><i class="fas fa-key"></i> Verification Code</label> | |
| <input type="text" name="code" required placeholder="Enter 6-digit code" maxlength="6" style="text-transform: uppercase; letter-spacing: 2px;"> | |
| </div> | |
| <button type="submit" class="btn btn-primary"> | |
| <i class="fas fa-check"></i> Verify | |
| </button> | |
| <div style="text-align: center; margin-top: 1rem;"> | |
| <button type="button" class="btn btn-secondary" onclick="switchTab('register')" style="font-size: 0.9rem;"> | |
| <i class="fas fa-arrow-left"></i> Back to Register | |
| </button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| <script> | |
| (function(){ | |
| function detectDevTools(){ | |
| const threshold = 160; | |
| const widthThreshold = window.outerWidth - window.innerWidth > threshold; | |
| const heightThreshold = window.outerHeight - window.innerHeight > threshold; | |
| if(widthThreshold || heightThreshold) window.location.href = "/denied"; | |
| } | |
| document.addEventListener("contextmenu", e => e.preventDefault()); | |
| document.onkeydown = function(e){ | |
| if(e.keyCode === 123 || (e.ctrlKey && e.shiftKey && ['I','C','J'].includes(e.key?.toUpperCase())) || (e.ctrlKey && e.key?.toUpperCase() === 'U')){ | |
| e.preventDefault(); | |
| window.location.href = "/denied"; | |
| } | |
| }; | |
| setInterval(() => { | |
| if(window.eruda) window.location.href = "/denied"; | |
| detectDevTools(); | |
| try{ | |
| console.profile(); | |
| console.profileEnd(); | |
| }catch(e){} | |
| try{ | |
| if(console.clear.toString().length > 100) window.location.href = "/denied"; | |
| }catch(e){} | |
| }, 1000); | |
| })(); | |
| </script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script> | |
| <script src="auth.js"></script> | |
| </body> | |
| </html> |