achievements_project/frontend/webpage/login.html
2021-02-05 20:19:11 -05:00

42 lines
No EOL
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Achievements Project | Login</title>
<link rel="stylesheet" href="styles/theme.css" />
<link rel="stylesheet" href="styles/common.css" />
<link rel="stylesheet" href="styles/login.css" />
</head>
<body>
<div id="navbar"></div>
<div id="content-body">
<div id="login-page" class="page">
<div class="page-header">
<p class="page-header-text">Achievements Project</p>
<div class="page-header-separator"></div>
</div>
<div id="login-header">
<p id="login-header-text" class="page-subheader-text">Login</p>
<div class="page-subheader-separator"></div>
</div>
<div id="login-form">
<p id="error-message" class="form-row top multiline">Egg</p>
<input id="email" class="login-field form-row" type="text" placeholder="Email"></input>
<input id="username" class="login-field form-row" type="text" placeholder="Username"></input>
<input id="password" class="login-field form-row" type="password" placeholder="Password"></input>
<input id="confirm" class="login-field form-row" type="password" placeholder="Confirm your password"></input>
<div id="button-row" class="form-row">
<div id="create-user-button" class="ap-button login">Create Account</div>
<div id="guest-login-button" class="ap-button login">Continue as Guest</div>
</div>
<div id="login-button" class="ap-button login form-row">Login</div>
<p id="warning" class="form-row multiline">WARNING! The security of this project is questionable at best. Please refrain from using any truly sensitive data.</p>
</div>
</div>
</div>
<script src="scripts/template.js"></script>
<script src="scripts/login.js"></script>
</body>
</html>