redo main/register page

This commit is contained in:
SowinskiBraeden committed 2022-04-13 13:12:19 -07:00
1 parent eaa2febbf2
commit 1ad5eb654b
400 files changed
+93168 -323

No files matched your search

+11 -2
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -47,6 +47,12 @@
<li class="nav-item">
<a href="#contact" class="nav-link">contact</a>
</li>
<li class="nav-item">
<a href="/register" class="nav-link">sign up</a>
</li>
<li class="nav-item">
<a href="/login" class="nav-link">login</a>
</li>
</ul>
</div>
</div>
@@ -207,6 +213,7 @@
<ul>
<li>1 Team</li>
<li>3 Team Members</li>
<li>Be in up to 1 team</li>
<li>General Support</li>
</ul>
</div>
@@ -220,6 +227,7 @@
<ul>
<li>2 Teams</li>
<li>7 Team Members</li>
<li>Be in up to 2 teams</li>
<li>General Support</li>
</ul>
</div>
@@ -233,6 +241,7 @@
<ul>
<li>5 Teams</li>
<li>24 Team Members</li>
<li>Be in up to 5 teams</li>
<li>Speedy Support</li>
<li>Reliable Service</li>
</ul>
@@ -286,7 +295,7 @@
</div>
</footer>
<script src="static/sresources/jquery-3.5.1.js"></script>
<script src="static/resources/jquery-3.5.1.js"></script>
<script src="static/resources/Magnific-Popup-master/dist/jquery.magnific-popup.js"></script>
<script src="static/resources/OwlCarousel2-2.3.4/dist/owl.carousel.js"></script>
<script src="static/resources/WOW-master/dist/wow.js"></script>
+51 -105
View File
@@ -1,109 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Register - BugBeGone</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css"/>
</head>
<body>
<script>
var url = document.location.href,
params = url.split('?')[1].split('&'),
data = {}, tmp;
for (var i = 0, l = params.length; i < l; i++) {
tmp = params[i].split('=');
data[tmp[0]] = tmp[1];
}
// default to team account
if (data.type&&data.type=="team") {
// Switch to team
}
</script>
<div class="row mt-5">
<div class="col-md-6 m-auto">
<div class="card card-body">
<h1 class="text-center mb-3">
<i class="fas fa-user-plus"></i> Register
</h1>
{{ unescape .errorMsg }}
<form action="/register" method="POST" enctype="multipart/form-data">
<div class="form-group">
<label for="username">Username</label>
<input
type="name"
id="username"
name="username"
class="form-control"
placeholder="Enter Name"
value="{{ .username }}"
/>
</div>
<div class="form-group">
<label for='image'>Upload Profile Picture</label>
<input class="form-control-file" type="file" id="image" name="image">
</div>
<div class="form-group">
<label for="email">Email</label>
<input
type="email"
id="email"
name="email"
class="form-control"
placeholder="Enter Email"
value="{{ .email }}"
/>
</div>
<div class="form-group">
<label for="password">Password</label>
<input
type="password"
id="password"
name="password"
class="form-control"
placeholder="Create Password"
/>
</div>
<div class="form-group">
<label for="password2">Confirm Password</label>
<input
type="password"
id="password2"
name="password2"
class="form-control"
placeholder="Confirm Password"
/>
</div>
<button type="submit" class="btn btn-primary btn-block">
Register
</button>
</form>
<p class="lead mt-4">Have An Account? <a href="/login">Login</a></p>
</div>
</div>
<head>
<title>Sign Up - BugBeGone</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="static/styles/register.css">
<script src="https://kit.fontawesome.com/ccff26c93b.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="navigation">
<ol>
<li><a href="#" data-ref="name">First Name</a></li>
<li><a href="#" data-ref="lastname">Last Name</a></li>
<li><a href="#" data-ref="email">Email</a></li>
<li><a href="#" data-ref="viewpswd">Password</a></li>
</ol>
</div>
</body>
<!-- Load Scripts for Modal -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
crossorigin="anonymous"
></script>
<form id="sign-form" class="sign-form" action="">
<ol class="questions">
<li>
<span><label for="name">Hi, What is your First Name?</label></span>
<input class="active" id="name" name="firstname" type="text" placeholder="Peter" autofocus/>
</li>
<li>
<span><label for="name">What about your Last Name?</label></span>
<input id="lastname" name="lastname" type="text" placeholder="Venkman" autofocus/>
</li>
<li>
<span><label for="uname">& what shall we call you?</label></span>
<input id="uname" name="username" type="text" placeholder="Enter a username" autofocus/>
</li>
<li>
<span><label for="email">Enter you email</label></span>
<input id="email" name="email" type="text" placeholder="Email" autofocus/>
</li>
<li>
<span><label for="password">Choose a password</label></span>
<input id="viewpswd" name="password" type="text" placeholder="this your password"/>
<input id="password" name="password" type="password" placeholder="make sure you dont forget" autofocus/>
<span id="show-pwd" class="view"></span>
</li>
<li><p style="margin-top: 45px;font-size: 32pt;float:right">
<a href="#" style="color:white;text-decoration:none" id="signup">sign up</a></p>
</li>
</ol>
<div id="next-page" alt="Kiwi standing on oval"></div>
<div class="error-message">{{ unescape .errorMsg }}</div>
</form>
<h1 id="wf" style="opacity:0;width: 600px; margin-top:1.1em;display:none; margin-bottom:1em">Thank you</h1>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="static/scripts/register.js"></script>
</html>