0x5t4l1n/Keylogger
1
0
Fork 0
mirror of https://github.com/0x5t4l1n/Keylogger.git synced 2026-05-26 19:36:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sign/Log in page was added with good layout, visuals and responsiveness

Browse Source
This commit is contained in:
Always-Amulya7
2025-09-04 22:04:47 +05:30
parent d75b15c7bd
commit 23cc0ab100
7 changed files with 445 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Sign in/index.html
+109
View File
@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Keylogger Sign In</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/Sign in/style.css" />
</head>
<body>
<div class="section">
<div class="container">
<div class="row full-height justify-content-center">
<div class="col-12 text-center align-self-center py-5">
<div class="section pb-5 pt-5 pt-sm-2 text-center">
<h6 class="mb-0 pb-3"><span>Log In </span><span>Sign Up</span></h6>
<input class="checkbox" type="checkbox" id="reg-log" name="reg-log" />
<label for="reg-log"></label>
<div class="card-3d-wrap mx-auto">
<div class="card-3d-wrapper">
<div class="card-front">
<div class="center-wrap">
<div class="section text-center">
<h4 class="mb-4 pb-3">Log In</h4>
<form id="login-form" method="POST" action="/login" onsubmit="return validateLogin()">
<div class="form-group">
<input type="text" name="username" class="form-style" placeholder="Your Username"
id="logusername" autocomplete="off" required>
<i class="input-icon uil uil-user"></i>
</div>
<div class="form-group mt-2">
<input type="password" name="password" class="form-style" placeholder="Your Password"
id="logpass" autocomplete="off" required>
<i class="input-icon uil uil-lock-alt"></i>
</div>
<button type="submit" class="btn mt-4">Submit</button>
</form>
<p class="mb-0 mt-4 text-center">
<a href="#" class="link" onclick="checkLocalStorage()">Forgot your password?</a>
</p>
</div>
</div>
</div>
<div class="card-back">
<div class="center-wrap">
<div class="section text-center">
<h4 class="mb-4 pb-3">Sign Up</h4>
<div class="form-group">
<input type="text" id="logname" class="form-style" placeholder="Your Full Name"
autocomplete="off">
<i class="input-icon uil uil-user"></i>
</div>
<div class="form-group mt-2">
<input type="text" id="logusername-signup" class="form-style" placeholder="Choose Username"
autocomplete="off">
<i class="input-icon uil uil-user"></i>
</div>
<div class="form-group mt-2">
<input type="password" id="logpass-signup" class="form-style" placeholder="Choose Password"
autocomplete="off">
<i class="input-icon uil uil-lock-alt"></i>
</div>
<a href="#" class="btn mt-4" onclick="saveAndRedirect()">Submit</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function saveAndRedirect() {
const username = document.getElementById('logusername-signup').value;
const password = document.getElementById('logpass-signup').value;
if (username && password) {
localStorage.setItem('userUsername', username);
localStorage.setItem('userPass', password);
document.getElementById('reg-log').checked = false;
document.getElementById('logusername').value = username;
document.getElementById('logpass').value = password;
}
}
function checkLocalStorage() {
const username = localStorage.getItem('userUsername');
const password = localStorage.getItem('userPass');
}
function validateLogin() {
const savedUser = localStorage.getItem('userUsername');
const savedPass = localStorage.getItem('userPass');
const enteredUser = document.getElementById('logusername').value;
const enteredPass = document.getElementById('logpass').value;
if (enteredUser === savedUser && enteredPass === savedPass) {
return true;
} else {
return false;
}
}
</script>
</body>
</html>