diff options
| author | Christian Pointner <equinox@helsinki.at> | 2014-09-18 02:23:51 (GMT) |
|---|---|---|
| committer | Christian Pointner <equinox@helsinki.at> | 2014-09-18 02:23:51 (GMT) |
| commit | f5fbb17f5c8e8d4d8db1d8e8bef4acc292df04f7 (patch) | |
| tree | cf9ceaa0a22ee714738a57c90c590c972acfb895 | |
| parent | 4a64588851cf83dd2eae72623fce49d64b61f4ff (diff) | |
using bootstrap to make things less ugly...
| -rw-r--r-- | index.html | 88 |
1 files changed, 68 insertions, 20 deletions
@@ -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> |