reimbursinator/front/static/signup.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <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://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
    <link rel="shortcut icon" href="img/favicon.ico">
    <title>Sign Up</title>
</head>
<body>
    <nav class="navbar navbar-expand-sm navbar-dark bg-primary">
        <div class="navbar-brand">Reimbursinator</div>
    </nav>
    <div class="container pt-3">
        <div class="row">
            <div class="col-sm-6 mx-auto">
                <div class="card bg-light text-dark">
                    <div class="card-header">
                        <h3>Please Sign Up</h3>
                    </div>
                    <div class="card-body">
                        <form class="form signup" autocomplete="off" action="index.html">
                            <div class="form-group">
                                <label for="email">Email:</label>
                                <input class="form-control" type="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" oninput="validateEmail(this);" required>
                            </div>
                            <div class="form-group">
                                <label for="first_name">First Name:</label>
                                <input class="form-control" id="first_name" type="text" name="first_name" required>
                            </div>
                            <div class="form-group">
                                <label for="last_name">Last Name:</label>
                                <input class="form-control" id="last_name" type="text" name="last_name" required>
                            </div>
                            <div class="form-group">
                                <label for="password1">Password:</label>
                                <input class="form-control" type="password" id="password1" name="password1" minlength="8" required>
                            </div>
                            <div class="form-group">
                                <label for="password2">Confirm Password:</label>
                                <input class="form-control" type="password" id="password2" name="password2" minlength="8" required>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                    <div class="card-footer">
                        Already registered? <a href="login.html">Log In</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/signupPage.js"></script>
</html>
Modified Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 22:00:30 +00:00			`<!doctype html>`
Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 17:42:48 +00:00			`<html lang="en">`
			`<head>`
Modified Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 22:00:30 +00:00			`<meta charset="utf-8">`
Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 17:42:48 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Add collapsible navbar to all pages 2019-01-19 08:09:27 +00:00			`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">`
Modified Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 22:55:07 +00:00			`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">`
Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 17:42:48 +00:00			`<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>`
Fix Jquery bug by changing script include order 2019-01-18 23:37:53 +00:00			`<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>`
Fix favicon bug 2019-01-22 22:51:46 +00:00			`<link rel="shortcut icon" href="img/favicon.ico">`
Change navbar brand from an anchor to a div 2019-01-30 18:14:49 +00:00			`<title>Sign Up</title>`
Added signup page. Included jumbotron with nav-tab. Right now the login page have not yet included but the signup page is available. Description from trello: An index page with navbar that will redirect user to signup or login page with jumbotron. 2019-01-13 17:42:48 +00:00			`</head>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`<body>`
Moving files to correct folder 2019-01-20 19:44:29 +00:00			`<nav class="navbar navbar-expand-sm navbar-dark bg-primary">`
Change navbar brand from an anchor to a div 2019-01-30 18:14:49 +00:00			`<div class="navbar-brand">Reimbursinator</div>`
Moving files to correct folder 2019-01-20 19:44:29 +00:00			`</nav>`
Add frontend registration functionality 2019-02-06 23:31:15 +00:00			`<div class="container pt-3">`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`<div class="row">`
			`<div class="col-sm-6 mx-auto">`
			`<div class="card bg-light text-dark">`
			`<div class="card-header">`
			`<h3>Please Sign Up</h3>`
			`</div>`
			`<div class="card-body">`
			`<form class="form signup" autocomplete="off" action="index.html">`
			`<div class="form-group">`
			`<label for="email">Email:</label>`
Validat email in the pattern of 'string@string.string' 2019-01-27 02:18:59 +00:00			`<input class="form-control" type="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" oninput="validateEmail(this);" required>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`</div>`
			`<div class="form-group">`
Add frontend registration functionality 2019-02-06 23:31:15 +00:00			`<label for="first_name">First Name:</label>`
			`<input class="form-control" id="first_name" type="text" name="first_name" required>`
			`</div>`
			`<div class="form-group">`
			`<label for="last_name">Last Name:</label>`
			`<input class="form-control" id="last_name" type="text" name="last_name" required>`
			`</div>`
			`<div class="form-group">`
			`<label for="password1">Password:</label>`
			`<input class="form-control" type="password" id="password1" name="password1" minlength="8" required>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`</div>`
			`<div class="form-group">`
Add frontend registration functionality 2019-02-06 23:31:15 +00:00			`<label for="password2">Confirm Password:</label>`
			`<input class="form-control" type="password" id="password2" name="password2" minlength="8" required>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`</div>`
			`<button type="submit" class="btn btn-primary">Submit</button>`
			`</form>`
			`</div>`
			`<div class="card-footer">`
			`Already registered? <a href="login.html">Log In</a>`
			`</div>`
			`</div>`
			`</div>`
Centering signup page and added email text box 2019-01-18 21:53:01 +00:00			`</div>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`</div>`
Create webpage with text input boxes for username and password and a second password verification box for creating a user account. Secondary password box should verify that the passwords match. Each text for now should be at least 4 characters long 2019-01-14 00:22:06 +00:00			`</body>`
create folder for img/js/css and fix the page to be more responsive on mobile 2019-01-19 04:11:45 +00:00			`<script src="js/signupPage.js"></script>`
Add Bootstrap styling to the signup form 2019-01-22 05:18:34 +00:00			`</html>`