10 flex-direction: column;
16 background: url('/img/svg/osm-logo_color_rgb.svg') no-repeat center;
17 background-size: contain;
31 box-shadow: inset
0 1px
2px rgba(
0,
0,
0,
.39),
0 -
1px
1px #fff,
0 1px
0 #fff;
37 display: inline-block;
38 -webkit-box-shadow:
4px
4px
1px
0 #d9d9d9;
39 -moz-box-shadow:
4px
4px
1px
0 #d9d9d9;
40 box-shadow:
4px
4px
1px
0 #d9d9d9;
41 background-color: #
333;
43 text-decoration: none;
50 text-decoration: none;
51 text-transform: uppercase;
52 font-family: roboto-thin, Helvetica, Arial, sans-serif;
56 <title>Login Page
</title>
57 <script src='/jquery'
></script>
60 function getSearchParams(url) {
61 var a = document.createElement('a');
64 var items = a.search.replace('?', '').split('&');
65 for (var i =
0; i < items.length; i++) {
66 if (items[i].length
> 0) {
67 var key_value = items[i].split('=');
68 params[key_value[
0]] = key_value[
1];
74 $(document).ready(function() {
77 var api_server = getSearchParams(window.location).api_server;
78 var referer = getSearchParams(window.location).referer;
79 $('#submit').click(function() {
80 username=$('#username').val();
81 pass=$('#password').val();
83 * Perform some validation here.
86 url: '/session?api_server=' + api_server,
92 success: function(data) {
93 window.location.href='/?api_server=' + api_server + '&referer=' + referer;
98 $('#loginForm').on('keyup', function(e) {
99 if (e.keyCode ==
13) {
100 $('#submit').click();
108 <form id='loginForm' autocomplete='on'
>
109 <div class='logo'
> </div>
110 <h1 class='title'
>Launchpad Login
</h1>
111 <input type='text' size='
40' placeholder='Username' id='username'
><br />
112 <input type='password' size='
40' placeholder='Password' id='password'
><br />
113 <input type='button' value='Submit' id='submit'
>