File size: 6,319 Bytes
fa5f51c |
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 |
<!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> |