garbage commit

This commit is contained in:
Tristan Smith 2024-09-21 21:08:15 -04:00
parent d9db0eafac
commit 63ae0f7b13
3 changed files with 71 additions and 38 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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;