Spaces:
Sleeping
Sleeping
File size: 6,468 Bytes
8d22540 fd76c38 f30d92d 8d22540 d011aa0 8d22540 | 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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 | <!DOCTYPE html>
<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> |