logan/ThePlaceHolders
1
0
Fork 0
mirror of https://github.com/adanrsantos/ThePlaceHolders.git synced 2024-12-16 08:00:39 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

added confirmation and forgot password pages

Browse source
This commit is contained in:
th3keyboard 2024-10-16 18:51:34 -05:00
parent 0041dfe87a
commit e86cd2d8fe
7 changed files with 106 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
static/confirmation.css Normal file
View file

@ -0,0 +1,5 @@
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

23
static/confirmation.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>UTSA Placeholders</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link href="./confirmation.css" rel="stylesheet">
</head>
<body>
<form>
<div class="mb-3">
Check your email for a 6 digit code and enter it below.
</div>
<div>
<input for="">
</div>
</form>
</body>
</html>

0
static/forgotpassword.css Normal file
View file

15
static/forgotpassword.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>UTSA Placeholders</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link href="./forgotpassword.css" rel="stylesheet">
</head>
<body>
</body>
</html>

51
static/login.css Normal file
View file

@ -0,0 +1,51 @@
:root {
--utsa-orange: #f15a22;
--utsa-blue: #0c2340;
}
html {
background-color: var(--utsa-orange);
}
#lform {
border-radius: 10px;
border: solid var(--utsa-orange) 2px;
margin: 100px;
padding: 30px;
background-color: white;
}
#formbg {
background-color: var(--utsa-orange);
}
#h3bg {
background-color: var(--utsa-blue);
}
h3 {
border-radius: 10px;
padding: 20px;
margin: 10px;
background-color: var(--utsa-blue);
color: var(--utsa-orange);
font-size: 40px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.form-label {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.form-control {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.form-text {
padding: 3px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.loginlinks {
font-size: 12px;
}

17
static/login.html
View file

@ -7,12 +7,12 @@
<title>UTSA Placeholders</title> <title>UTSA Placeholders</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link href="./login.css" rel="stylesheet">
</head> </head>
<body> <body>
<br> <div id="h3bg" class="d-flex justify-content-center"><h3>Login</h3></div>
<div class="d-flex justify-content-center"><h3>Login</h3></div> <div id="formbg" class="d-flex p-2 justify-content-center align-items-center">
<div class="d-flex p-2 justify-content-center align-items-center"> <form id="lform" method = "post">
<form method = "post">
<div class="mb-3"> <div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label> <label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp"> <input type="email" name="email" class="form-control" id="email" aria-describedby="emailHelp">
@ -22,14 +22,17 @@
<label for="exampleInputPassword1" class="form-label">Password</label> <label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" name="password" class="form-control" id="password"> <input type="password" name="password" class="form-control" id="password">
</div> </div>
<div class="loginlinks" class="fs-6">
<a href="./forgotpassword.html">Forgot Password?</a>
</div>
<div class="loginlinks" class="fs-6">
Don't have an account? Register <a href="./register.html">here</a>.
</div>
<div class="mb-3 form-check"> <div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" onclick="showPass()"> <input type="checkbox" class="form-check-input" id="exampleCheck1" onclick="showPass()">
<label class="form-check-label" for="exampleCheck1">Show Password</label> <label class="form-check-label" for="exampleCheck1">Show Password</label>
</div> </div>
<input type="submit" class="btn btn-primary" value="Submit"> <input type="submit" class="btn btn-primary" value="Submit">
<div class="fs-6">
Don't have an account? Register <a href="register.html">here</a>.
</div>
</form> </form>
</div> </div>
<script src="register.js"></script> <script src="register.js"></script>

4
static/register.html
View file

@ -12,7 +12,7 @@
<body> <body>
<div id="h3bg" class="d-flex justify-content-center"><h3 id="r">Registration</h3></div> <div id="h3bg" class="d-flex justify-content-center"><h3 id="r">Registration</h3></div>
<div id="formbg" class="d-flex p-2 justify-content-center align-items-center"> <div id="formbg" class="d-flex p-2 justify-content-center align-items-center">
<form id="rform" method="post"> <form id="rform" method="post" action="./confirmation.html">
<div class="mb-3"> <div class="mb-3">
<label for="email" class="form-label">Email address</label> <label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp" pattern="^[^\s@]+@my\.utsa\.edu$" oninput="emailCheck()" required> <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp" pattern="^[^\s@]+@my\.utsa\.edu$" oninput="emailCheck()" required>
@ -35,7 +35,7 @@
</small> </small>
<br><br> <br><br>
<input id="submit" type="submit" class="btn btn-primary" value="Submit"> <input id="submit" type="submit" class="btn btn-primary" value="Submit"></a>
</form> </form>
</div> </div>
<script src="register.js"></script> <script src="register.js"></script>