|
|
<!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> |
|
|
<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> |
