112 lines
4.1 KiB
HTML
112 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Editor</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<script src="https://kit.fontawesome.com/ed3c25598e.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<main class="login">
|
|
<div id="login" class="container shown">
|
|
<h1>Login To Editor</h1>
|
|
|
|
<form action="" method="POST">
|
|
<div class="formControl">
|
|
<label for="username">Username</label>
|
|
<input type="text" id="username" name="username" required>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" required>
|
|
<i class="fa-solid fa-eye"></i>
|
|
</div>
|
|
|
|
|
|
<div class="error hidden" id="loginError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="btnContainer">
|
|
<input type="submit" value="Submit" class="btn btnPrimary boxShadowIn boxShadowOut">
|
|
|
|
<a href="#" id="resetPwd">Reset Password</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="resetPassword" class="container" style="display: none; transform: translateX(150vw)">
|
|
<h1>Reset Password</h1>
|
|
|
|
<form action="#" method="POST">
|
|
<div class="formControl">
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" name="email">
|
|
</div>
|
|
|
|
<div class="error hidden" id="resetError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="btnContainer">
|
|
<input type="submit" value="Submit" class="btn btnPrimary boxShadowIn boxShadowOut">
|
|
<a href="#" class="loginBtn btn btnPrimary boxShadowIn boxShadowOut" id="loginBtn">Login</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="checkResetCode" class="container" style="display: none; transform: translateX(150vw)">
|
|
<h1>Check Reset Code</h1>
|
|
|
|
<form action="#" method="POST">
|
|
<div class="formControl">
|
|
<label for="code">Code</label>
|
|
<input type="text" id="code" name="code">
|
|
</div>
|
|
|
|
<div class="error hidden" id="resetCodeError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="btnContainer">
|
|
<input type="submit" value="Submit" class="btn btnPrimary boxShadowIn boxShadowOut">
|
|
<a href="#" class="loginBtn btn btnPrimary boxShadowIn boxShadowOut" id="resendEmail">Resend Email</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="changePassword" class="container" style="display: none; transform: translateX(150vw)">
|
|
<h1>Reset Password</h1>
|
|
<form action="" method="POST">
|
|
<div class="formControl">
|
|
<label for="pass">Password</label>
|
|
<input type="password" name="pass" id="pass">
|
|
<i class="fa-solid fa-eye"></i>
|
|
</div>
|
|
|
|
<div class="formControl">
|
|
<label for="rePass">Password</label>
|
|
<input type="password" name="rePass" id="rePass">
|
|
<i class="fa-solid fa-eye"></i>
|
|
</div>
|
|
|
|
<div class="error hidden" id="changeError">
|
|
<button class="close" type="button">×</button>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="btnContainer">
|
|
<input type="submit" value="Submit" class="btn btnPrimary boxShadowIn boxShadowOut">
|
|
<a href="#" class="loginBtn btn btnPrimary boxShadowIn boxShadowOut">Login</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
<script src="js/index.js"></script>
|
|
</body>
|
|
</html> |