redo main/register page
This commit is contained in:
1 parent
eaa2febbf2
commit
1ad5eb654b
400 files changed
+93168
-323
No files matched your search
+51
-105
@@ -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>
|
||||
Reference in new issue
Block a user