Skip to content

Commit

Permalink
Pretty Sign up and login
Browse files Browse the repository at this point in the history 
I made the page for the login and sign up with modals and it looks
really good, but I haven't connected it with Chase's php code so I'm
about to do that and upload that as well when I finish
  • Loading branch information
@CheddarCheeze
CheddarCheeze committed Dec 5, 2014
1 parent ea7a8df commit 8226fe1
Show file tree
Hide file tree
Showing 2 changed files with 162 additions and 3 deletions.
6 changes: 3 additions & 3 deletions frontend/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,17 +64,17 @@
</li>
<li><a href="search.php">Search</a></li>
</ul>
<form class="navbar-form navbar-right" action="security/bblogin.php" role="search">
<form class="navbar-form navbar-right" action="security/bblogin_temp.php" role="search">
<div class="form-group">
<input type="text" class="form-control" name="username" placeholder="Username">
</div>
<div class="form-group">
<input type="text" class="form-control" name="password" placeholder="Password">
<input type="password" class="form-control" name="password" placeholder="Password">
</div>
<label class="checkbox">
<input type="checkbox" value="remember-me"> Remember me
</label>
<button type="submit" onclick="check(this.form)" class="btn btn-default">Sign In</button>
<button type="submit" onclick="check(this.form)" class="btn btn-default" value="login">Sign In</button>
</form>
</div>
</div>
Expand Down
159 changes: 159 additions & 0 deletions frontend/login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Bibliobase - Login/Signup</title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="view/css/bootstrap.min.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="favicon.ico">

<!-- This is because Macs require a different image -->
<link rel="apple-touch-icon" href="/bootstrap/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/bootstrap/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/bootstrap/img/apple-touch-icon-114x114.png">


<style type="text/css">
.modal-footer { border-top: 0px; }
</style>
</head>

<body>

<!--login modal-->
<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h1 class="text-center">Login</h1>
</div>
<div class="modal-body">
<form class="form col-md-12 center-block">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Username">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Password">
</div>
<div class="form-group">
<button class="btn btn-primary btn-lg btn-block">Sign In</button>
<span class="pull-right"><a data-toggle="modal" href="#signupModal">Register</a></span>
<!-- <span><a href="#">Need help?</a></span> -->
</div>
</form>
</div>
<div class="modal-footer">
<div class="col-md-12">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
</div>
</div>
</div>
</div>
</div>



<!--signup modal-->
<div id="signupModal" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h1 class="text-center">Sign up</h1>
</div>
<div class="modal-body">
<form class="form col-md-12 center-block">
<div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Username">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Password">
</div>
<div class="form-group">
<input type="password" class="form-control input-lg" placeholder="Re-enter Password">
</div><div class="form-group">
<input type="text" class="form-control input-lg" placeholder="Email">
</div>
<div class="form-group">
<button class="btn btn-primary btn-lg btn-block">Sign In</button>
<span class="pull-right"><a data-dismiss="modal" href="#">Login</a></span>
<!-- <span><a href="#">Need help?</a></span>-->
</div>
</form>
</div>
<div class="modal-footer">
<div class="col-md-12">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
</div>
</div>
</div>
</div>
</div>

<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type='text/javascript' src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<!-- JavaScript jQuery code from Bootply.com editor -->
<!--
<script type='text/javascript'>
$(document).ready(function() {
});
</script>
-->

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40413119-1', 'bootply.com');
ga('send', 'pageview');
</script>


<script type='text/javascript'>

$(document).ready(function() {
$('#openBtn').click(function(){ $('#myModal').modal({show:true}) });

$('.modal').on('hidden.bs.modal', function( event ) {
$(this).removeClass( 'fv-modal-stack' );
$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) - 1 );
});

$( '.modal' ).on( 'shown.bs.modal', function ( event ) {

// keep track of the number of open modals
if ( typeof( $('body').data( 'fv_open_modals' ) ) == 'undefined' ) {
$('body').data( 'fv_open_modals', 0 );
}

// if the z-index of this modal has been set, ignore.
if ( $(this).hasClass( 'fv-modal-stack' ) ) {
return;
}

$(this).addClass( 'fv-modal-stack' );

$('body').data( 'fv_open_modals', $('body').data( 'fv_open_modals' ) + 1 );

$(this).css('z-index', 1040 + (10 * $('body').data( 'fv_open_modals' )));

$( '.modal-backdrop' ).not( '.fv-modal-stack' )
.css( 'z-index', 1039 + (10 * $('body').data( 'fv_open_modals' )));

$( '.modal-backdrop' ).not( 'fv-modal-stack' )
.addClass( 'fv-modal-stack' );
});
});
</script>

</body>
</html>

0 comments on commit 8226fe1

Please sign in to comment.