Implemented new login/register pages
This commit is contained in:
SecretlyTaco
parent
9f92b2d7fe
commit
77e0cc3a6a
4 changed files with 32 additions and 211 deletions
|
|
@ -1,94 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'bootstrap4.min.css') }}" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'index.css') }}" />
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<title>Welcome to Tweeder!</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% extends 'layout.html' %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
{% if status %}
|
||||
<div class="alert alert-{{ status }}" role="alert">{{ message }}</div>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div class="col-lg-6 lg-offset-3 mx-auto">
|
||||
<div class="card card-login">
|
||||
<div class="card-heading">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a href="#" class="active" id="login-form-link">Login</a>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<a href="#" id="register-form-link">Register</a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="card col-xl-6 col-md-8 col-sm-10 col-xs-12 mx-auto">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<form id="login-form" action="login" method="POST" role="form" style="display: block;">
|
||||
<div class="form-group">
|
||||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username or email address" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group text-center">
|
||||
<input type="checkbox" tabindex="3" class="" name="remember" id="remember">
|
||||
<label for="remember"> Remember Me</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 md-offset-3">
|
||||
<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="text-center">
|
||||
<a href="/recover" tabindex="5" class="forgot-password">Forgot Password?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="mx-auto" style="display:inline;">Login to Tweeder</h2>
|
||||
<a href="/register" class="btn btn-outline-success" style="float:right;">Need an account?</a>
|
||||
<form method="POST" action="/login" class="form-group">
|
||||
<input name="username" type="text" class="form-control" style="margin-bottom: 12px; margin-top: 12px; height:45px;" tabindex="1" placeholder="Username or email address" />
|
||||
<input name="password" type="password" class="form-control" style="margin-bottom: 12px; height:45px;" tabindex="2" placeholder="Password" />
|
||||
<input type="submit" class="form-control btn btn-primary" />
|
||||
</form>
|
||||
<form id="register-form" action="/register" method="POST" role="form" style="display: none;">
|
||||
<div class="form-group">
|
||||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password" oninput="check(this)">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-6 md-offset-3">
|
||||
<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{{ url_for('static', filename = 'jquery-3.2.1.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename = 'bootstrap4.min.js') }}" ></script>
|
||||
<script src="{{ url_for('static', filename = 'index.js') }}" ></script>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
{% extends 'layout.html' %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="card col-xl-6 col-md-8 col-sm-10 col-xs-12 mx-auto">
|
||||
<div class="card-body">
|
||||
<h2 class="mx-auto" style="display:inline;">Login to Tweeder</h2>
|
||||
<a href="/register" class="btn btn-outline-success" style="float:right;">Need an account?</a>
|
||||
<form method="POST" action="/login" class="form-group">
|
||||
<input name="username" type="text" class="form-control" style="margin-bottom: 12px; margin-top: 12px; height:45px;" tabindex="1" placeholder="Username or email address" />
|
||||
<input name="password" type="password" class="form-control" style="margin-bottom: 12px; height:45px;" tabindex="2" placeholder="Password" />
|
||||
<input type="submit" class="form-control btn btn-primary" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>$Title$</title>
|
||||
</head>
|
||||
<body>
|
||||
$END$
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,94 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'bootstrap.min.css') }}" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'index.css') }}" />
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<title>Welcome to Tweeder!</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
{% extends 'layout.html' %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
{% if status %}
|
||||
<div class="alert alert-{{ status }}" role="alert">{{ message }}</div>
|
||||
{% endif %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<div class="panel panel-login">
|
||||
<div class="panel-heading">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<a href="#" id="login-form-link">Login</a>
|
||||
</div>
|
||||
<div class="col-xs-6">
|
||||
<a href="#" class="active" id="register-form-link">Register</a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<form id="login-form" action="login" method="POST" role="form" style="display: none;">
|
||||
<div class="form-group">
|
||||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username or email address" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group text-center">
|
||||
<input type="checkbox" tabindex="3" class="" name="remember" id="remember">
|
||||
<label for="remember"> Remember Me</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-sm-offset-3">
|
||||
<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<a href="/recover" tabindex="5" class="forgot-password">Forgot Password?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card col-xl-6 col-md-8 col-sm-10 col-xs-12 mx-auto">
|
||||
<div class="card-body">
|
||||
<h2 class="mx-auto" style="display:inline;">Register for Tweeder</h2>
|
||||
<a href="/login" class="btn btn-outline-primary" style="float:right;">Have an account?</a>
|
||||
<form method="POST" action="/register" class="form-group">
|
||||
<input name="username" type="text" class="form-control" style="margin-bottom: 12px; margin-top: 12px; height:45px;" tabindex="1" placeholder="Username" />
|
||||
<input name="email" type="text" class="form-control" style="margin-bottom: 12px; margin-top: 12px; height:45px;" tabindex="2" placeholder="Email address" />
|
||||
<input name="password" type="password" class="form-control" style="margin-bottom: 12px; height:45px;" tabindex="3" placeholder="Password" />
|
||||
<input name="confirm-password" type="password" class="form-control" style="margin-bottom: 12px; height:45px;" tabindex="4" placeholder="Confirm Password" />
|
||||
<input type="submit" class="form-control btn btn-success" />
|
||||
</form>
|
||||
<form id="register-form" action="/register" method="POST" role="form" style="display: block;">
|
||||
<div class="form-group">
|
||||
<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value="">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password" oninput="check(this)">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-sm-offset-3">
|
||||
<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{{ url_for('static', filename = 'jquery-3.2.1.min.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename = 'bootstrap.min.js') }}" ></script>
|
||||
<script src="{{ url_for('static', filename = 'index.js') }}" ></script>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
Loading…
Add table
Reference in a new issue