summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorChristian Pointner <equinox@helsinki.at>2014-09-18 02:23:51 (GMT)
committerChristian Pointner <equinox@helsinki.at>2014-09-18 02:23:51 (GMT)
commitf5fbb17f5c8e8d4d8db1d8e8bef4acc292df04f7 (patch)
treecf9ceaa0a22ee714738a57c90c590c972acfb895 /index.html
parent4a64588851cf83dd2eae72623fce49d64b61f4ff (diff)
using bootstrap to make things less ugly...
Diffstat (limited to 'index.html')
-rw-r--r--index.html88
1 files changed, 68 insertions, 20 deletions
diff --git a/index.html b/index.html
index e7c7cd9..92459a5 100644
--- a/index.html
+++ b/index.html
@@ -3,14 +3,65 @@
<head>
<title>Radio Helsinki - Automation Import</title>
<meta charset="utf-8">
- <link rel="stylesheet" type="text/css" href="/styles/import.css" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Importtool for Radio Helsinki">
+ <meta name="author" content="Christian Pointner <equinox@ffgraz.net>">
+
+ <link href="/javascript/twitter-bootstrap/css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body {
+ padding-top: 60px;
+ padding-bottom: 40px;
+ }
+
+ .sidebar-nav {
+ padding: 9px 0;
+ }
+
+ .form-signin {
+ max-width: 330px;
+ padding: 15px;
+ margin: 0 auto;
+ }
+ .form-signin .form-signin-heading {
+ margin-bottom: 10px;
+ }
+ .form-signin .form-control {
+ position: relative;
+ height: auto;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 10px;
+ font-size: 16px;
+ }
+ .form-signin .form-control:focus {
+ z-index: 2;
+ }
+ .form-signin input[type="text"] {
+ margin-bottom: -1px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .form-signin input[type="password"] {
+ margin-bottom: 10px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+ .form-signin button[type="submit"] {
+ display: block;
+ }
+ </style>
+ <link href="/javascript/twitter-bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+
<script src="/javascript/jquery/jquery.min.js"></script>
+
<script type="text/javascript">
function authSuccess(data) {
- if (data.status == 'ERROR') {
- alert("login error: " + data.errorstring);
- } else {
+ if (data.status == 'OK') {
alert("username: " + data.username + "\ntoken: " + data.token );
+ } else {
+ alert("login error: " + data.errorstring);
}
}
@@ -29,25 +80,22 @@
success: authSuccess
});
}
-
- $("#loginform").submit(function(event) {
- auth()
- event.preventDefault();
- });
</script>
</head>
<body>
- <h1>Radio Helsinki - Automation Import</h1>
- <form id="loginform">
- <ul>
- <li> <label for="name">Benutzername:</label> <input type="text" id="username" value=""> </li>
- <li> <label for="pass">Kennwort:</label> <input type="password" id="password" value=""> </li>
- <li> <input type="submit" value="Einloggen"> </li>
- </ul>
- </form>
-
- <script type="text/javascript">
+
+ <div class="container">
+ <form id="loginform" class="form-signin" role="form">
+ <h1>Radio Helsinki - Import</h1>
+ <h2 class="form-signin-heading">Please sign in</h2>
+ <input id="username" type="text" class="form-control" placeholder="Username" required autofocus>
+ <input id="password" type="password" class="form-control" placeholder="Password" required>
+ <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Sign in</button>
+ </form>
+ </div>
+
+ <script type="text/javascript">
$("#loginform").submit(function(event) { auth(); event.preventDefault(); });
- </script>
+ </script>
</body>
</html>