taskrambler / taskrambler · Commits

Commit cc23d732abd1ca080ef6cc00578330be465ab132

Authored by Georg Hopp
1 parent 365ed89a

make login and signup div draggable and cast shadows

Inline Side-by-side
Showing 3 changed files with 22 additions and 2 deletions
... ... @@ -5,20 +5,22 @@
5 5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
6 6 <head>
7 7 <title>Taskrambler</title>
  8 + <link rel="stylesheet" type="text/css" href="/style/jquery-ui.css">
8 9 <link rel="stylesheet" type="text/css" href="/style/common.css">
9 10 <link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
10 11 <link rel="shortcut icon" href="/favicon.ico?v=2" />
11 12 <script type="text/javascript" src="/js/jquery.js"></script>
  13 + <script type="text/javascript" src="/js/jquery-ui.js"></script>
12 14 <script type="text/javascript" src="/js/serverval.js"></script>
13 15 <script type="text/javascript" src="/js/session.js"></script>
14 16 <script type="text/javascript" src="/js/init.js"></script>
15 17 </head>
16 18
17 19 <body>
18   - <div id="login" class="hide">
  20 + <div id="login" class="ui-widget-content hide">
19 21 </div>
20 22
21   - <div id="signup" class="hide">
  23 + <div id="signup" class="ui-widget-content hide">
22 24 </div>
23 25
24 26 <div id="page">
... ...
... ... @@ -62,6 +62,10 @@ $(document).ready(function() {
62 62 });
63 63
64 64 $("#login").load("/_login.html", function (){
  65 + $(function() {
  66 + $( "#login" ).draggable();
  67 + });
  68 +
65 69 $("#login form").submit(function(event) {
66 70 event.preventDefault();
67 71 $.post("/authenticate/",
... ... @@ -73,6 +77,10 @@ $(document).ready(function() {
73 77 });
74 78
75 79 $("#signup").load("/_signup.html", function (){
  80 + $(function() {
  81 + $( "#signup" ).draggable();
  82 + });
  83 +
76 84 $("#signup form").submit(function(event) {
77 85 event.preventDefault();
78 86 $.post("/signup/",
... ... @@ -96,6 +104,7 @@ $(document).ready(function() {
96 104 $("#randval").click(function() {
97 105 sval.stop();
98 106 });
  107 +
99 108 });
100 109
101 110 // vim: set ts=4 sw=4:
... ...
1 1 div#randval {
  2 + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  3 + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  4 + box-shadow: 0 4px 8px rgba(0,0,0,0.5);
2 5 left: 200px;
3 6 top: 100px;
4 7 padding: 10px;
... ... @@ -10,6 +13,9 @@ div#randval {
10 13 }
11 14
12 15 div#signup {
  16 + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  17 + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  18 + box-shadow: 0 4px 8px rgba(0,0,0,0.5);
13 19 padding: 5px;
14 20 top: 20px;
15 21 left: 20px;
... ... @@ -21,6 +27,9 @@ div#signup {
21 27 }
22 28
23 29 div#login {
  30 + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  31 + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  32 + box-shadow: 0 4px 8px rgba(0,0,0,0.5);
24 33 padding: 5px;
25 34 top: 20px;
26 35 left: 20px;
... ...
Please register or login to post a comment