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,7 +31,7 @@
<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>

View file

@ -31,7 +31,7 @@
<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>
@ -42,8 +42,6 @@
<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="email" id="email" name="email" required>
<input type="submit" value="Register"> <input type="submit" value="Register">
</form> </form>
</div> </div>

View file

@ -104,6 +104,41 @@ body {
width: 100%; 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;
flex-direction: column;
width: 100%;
align-items: center;
}
.form-container label,
.form-container input {
margin: 5px 0;
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;
justify-content: space-between; justify-content: space-between;