garbage commit
This commit is contained in:
parent
d9db0eafac
commit
63ae0f7b13
3 changed files with 71 additions and 38 deletions
|
@ -31,17 +31,17 @@
|
||||||
<td class="content">
|
<td class="content">
|
||||||
<h2>Reset your password</h2>
|
<h2>Reset your password</h2>
|
||||||
<!-- Forgot Password Form -->
|
<!-- Forgot Password Form -->
|
||||||
<div class="forgot-password">
|
<div class="form-container">
|
||||||
<form action="/cgi-bin/forgot_password.cgi" method="post">
|
<form action="/cgi-bin/forgot_password.cgi" method="post">
|
||||||
<label for="username">Username:</label>
|
<label for="username">Username:</label>
|
||||||
<input type="text" id="username" name="username" required>
|
<input type="text" id="username" name="username" required>
|
||||||
<br>
|
<br>
|
||||||
<label for="email">Email:</label>
|
<label for="email">Email:</label>
|
||||||
<input type="email" id="email" name="email" required>
|
<input type="email" id="email" name="email" required>
|
||||||
<br>
|
<br>
|
||||||
<input type="submit" value="Reset Password">
|
<input type="submit" value="Reset Password">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
|
@ -31,22 +31,20 @@
|
||||||
<td class="content">
|
<td class="content">
|
||||||
<h2>Create a new account</h2>
|
<h2>Create a new account</h2>
|
||||||
<!-- Register Form -->
|
<!-- Register Form -->
|
||||||
<div class="register">
|
<div class="form-container">
|
||||||
<form action="/cgi-bin/register.cgi" method="post">
|
<form action="/cgi-bin/register.cgi" method="post">
|
||||||
<label for="username">Username:</label>
|
<label for="username">Username:</label>
|
||||||
<input type="text" id="username" name="username" required>
|
<input type="text" id="username" name="username" required>
|
||||||
<br>
|
<br>
|
||||||
<label for="password">Password:</label>
|
<label for="password">Password:</label>
|
||||||
<input type="password" id="password" name="password" required>
|
<input type="password" id="password" name="password" required>
|
||||||
<br>
|
<br>
|
||||||
<label for="confirm_password">Confirm Password:</label>
|
<label for="confirm_password">Confirm Password:</label>
|
||||||
<input type="password" id="confirm_password" name="confirm_password" required>
|
<input type="password" id="confirm_password" name="confirm_password" required>
|
||||||
<br>
|
<br>
|
||||||
<label for="email">Email:</label>
|
<input type="submit" value="Register">
|
||||||
<input type="email" id="email" name="email" required>
|
|
||||||
<input type="submit" value="Register">
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
65
styles.css
65
styles.css
|
@ -79,30 +79,65 @@ body {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login {
|
.login {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: #eeeeee;
|
background-color: #eeeeee;
|
||||||
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
|
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
|
||||||
}
|
}
|
||||||
|
|
||||||
.login form {
|
.login form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login label,
|
||||||
|
.login input {
|
||||||
|
margin: 5px 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container {
|
||||||
|
width: 200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #eeeeee;
|
||||||
|
/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login label,
|
.form-container label,
|
||||||
.login input {
|
.form-container input {
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-container .controls {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .controls a {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue