Gnarwhal/achievements_project
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated more UI. Enhanced login capabilities. Started work on querying data.

Browse source
This commit is contained in:
Gnarwhal 2021-02-07 22:50:48 -05:00
parent 40a0e4046a
commit 052052d76b
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
29 changed files with 706 additions and 424 deletions
Download patch file Download diff file Expand all files Collapse all files

48
frontend/webpage/login.html
View file

@ -9,29 +9,37 @@
</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 class="page-subsection">
<div class="page-header">
<p class="page-header-text">Achievements Project</p>
<div class="page-header-separator"></div>
</div>
</div>
<div id="login-flex">
<div id="login-subsection" class="page-subsection">
<div id="login-elements" class="page-subsection-wrapper">
<div id="login-header" class="page-subheader">
<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">WARNING!</p>
<p id="warning-message" class="form-row multiline">The security of this project is questionable at best. Please refrain from using any truly sensitive data.</p>
</div>
</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>