diff options
author | Christian Pointner <equinox@helsinki.at> | 2014-09-18 16:50:14 (GMT) |
---|---|---|
committer | Christian Pointner <equinox@helsinki.at> | 2014-09-18 16:50:14 (GMT) |
commit | 2a871af1e12a222a95b0f6c534e5ef6a00de1009 (patch) | |
tree | 7a9f2a34ca6965b72319dba83e7c9f9e01f6ed35 | |
parent | 564efc9c9e6badc1aedcb559dbfa115f0a445a04 (diff) |
improve styles
-rw-r--r-- | index.html | 39 |
1 files changed, 22 insertions, 17 deletions
@@ -43,8 +43,8 @@ sessionStorage.setItem("token", token); $('#username-field').html(username); - $('#loginbox').hide('slide'); - $('#mainwindow').show(); + $('#loginbox').slideUp(); + $('#mainwindow').fadeIn(); } else { alertbox.error("Fehler beim Login", data.errorstring); sessionStorage.removeItem("username"); @@ -87,9 +87,9 @@ $(".alert").alert('close'); $("#username").val(''); $("#password").val(''); - $("#mainwindow").hide(); + $("#mainwindow").fadeOut(); $('#username-field').html(''); - $('#loginbox').show('slide'); + $('#loginbox').slideDown(); } </script> </head> @@ -98,18 +98,20 @@ <div class="container"> <div id="loginbox"> + <form id="loginform" class="form-signin" role="form"> <img src="/img/helsinki.png" /> <h1 class="form-signin-heading">Radio Helsinki - Import</h1> - <div id="alertbox"></div> <input id="username" type="text" class="form-control" placeholder="Benutzername" required autofocus> <input id="password" type="password" class="form-control" placeholder="Passwort" required> + <div id="alertbox"></div> <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Anmelden</button> </form> + </div> - <div id="mainwindow"> + <div id="mainwindow"> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> @@ -137,20 +139,23 @@ </div> <div class="container-fluid"> - <div class="span12"> - <div class="hero-unit"> - <h1>Hello, world!</h1> - <p> - This is a template for a simple marketing or informational website. - It includes a large callout called the hero unit and three supporting - pieces of content. Use it as a starting point to create something - more unique. - </p> - </div> + <div class="span12"> + <div class="hero-unit"> + <h1>Hello, world!</h1> + <p> + This is a template for a simple marketing or informational website. + It includes a large callout called the hero unit and three supporting + pieces of content. Use it as a starting point to create something + more unique. + </p> </div> - <div> + </div> + </div> + </div> + </div> + <script type="text/javascript"> $("#loginform").submit(function(event) { login(); event.preventDefault(); }); $('#username-field').html(username); |