Slight layout change

This commit is contained in:
calzoneman 2013-03-05 16:56:21 -06:00
parent d7813d7f6c
commit b2b134ce4a
2 changed files with 11 additions and 13 deletions

View file

@ -27,7 +27,8 @@ function initCallbacks() {
else { else {
$('#welcome')[0].innerHTML = "Welcome, " + uname; $('#welcome')[0].innerHTML = "Welcome, " + uname;
$('#loginform').css("display", "none"); $('#loginform').css("display", "none");
$('#loggedin').css("display", "block"); $('#logoutform').css("display", "");
$('#loggedin').css("display", "");
if(pw != "") { if(pw != "") {
createCookie('sync_uname', uname, 1); createCookie('sync_uname', uname, 1);
createCookie('sync_pw', pw, 1); createCookie('sync_pw', pw, 1);

View file

@ -32,6 +32,15 @@
<ul class="nav"> <ul class="nav">
<li class="active"><a href="#">Home</a></li> <li class="active"><a href="#">Home</a></li>
</ul> </ul>
<div class="navbar-form pull-right" id="loginform">
<input class="span2" id="username" type="text" placeholder="Username">
<input class="span2" id="password" type="password" placeholder="Password">
<button class="btn" id="login">Login</button>
<button class="btn" id="register">Register</button>
</div>
<div class="navbar-form pull-right" id="logoutform" style="display: none;">
<button class="btn" id="logout">Logout</button>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -39,20 +48,8 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div id="loginform" class="span4">
<label for="username">Username</label>
<input type="text" id="username">
<label for="password">Password (leave blank to log in as a guest)</label>
<input type="password" id="password">
<br>
<div class="btn-panel">
<button class="btn" id="login">Login</button>
<button class="btn" id="register">Register</button>
</div>
</div>
<div id="loggedin" class="span6" style="display: none;"> <div id="loggedin" class="span6" style="display: none;">
<h3 id="welcome"></h3> <h3 id="welcome"></h3>
<button class="btn" id="logout">Logout</button>
</div> </div>
</div> </div>
<div class="row" style="margin-top: 20px;"> <div class="row" style="margin-top: 20px;">