summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristian Pointner <equinox@helsinki.at>2014-09-18 16:50:14 (GMT)
committerChristian Pointner <equinox@helsinki.at>2014-09-18 16:50:14 (GMT)
commit2a871af1e12a222a95b0f6c534e5ef6a00de1009 (patch)
tree7a9f2a34ca6965b72319dba83e7c9f9e01f6ed35
parent564efc9c9e6badc1aedcb559dbfa115f0a445a04 (diff)
improve styles
-rw-r--r--index.html39
1 files changed, 22 insertions, 17 deletions
diff --git a/index.html b/index.html
index 845e6e1..b5504e7 100644
--- a/index.html
+++ b/index.html
@@ -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);