From cc23d732abd1ca080ef6cc00578330be465ab132 Mon Sep 17 00:00:00 2001 From: Georg Hopp Date: Fri, 8 Nov 2013 21:50:16 +0000 Subject: [PATCH] make login and signup div draggable and cast shadows --- assets/html/layout.html | 6 ++++-- assets/js/init.js | 9 +++++++++ assets/style/common.css | 9 +++++++++ 3 files changed, 22 insertions(+), 2 deletions(-) diff --git a/assets/html/layout.html b/assets/html/layout.html index 74f293f..4809eb1 100644 --- a/assets/html/layout.html +++ b/assets/html/layout.html @@ -5,20 +5,22 @@ Taskrambler + + -
+
-
+
diff --git a/assets/js/init.js b/assets/js/init.js index bf1b9ca..5baefe8 100644 --- a/assets/js/init.js +++ b/assets/js/init.js @@ -62,6 +62,10 @@ $(document).ready(function() { }); $("#login").load("/_login.html", function (){ + $(function() { + $( "#login" ).draggable(); + }); + $("#login form").submit(function(event) { event.preventDefault(); $.post("/authenticate/", @@ -73,6 +77,10 @@ $(document).ready(function() { }); $("#signup").load("/_signup.html", function (){ + $(function() { + $( "#signup" ).draggable(); + }); + $("#signup form").submit(function(event) { event.preventDefault(); $.post("/signup/", @@ -96,6 +104,7 @@ $(document).ready(function() { $("#randval").click(function() { sval.stop(); }); + }); // vim: set ts=4 sw=4: diff --git a/assets/style/common.css b/assets/style/common.css index 2f38f8e..3f02671 100644 --- a/assets/style/common.css +++ b/assets/style/common.css @@ -1,4 +1,7 @@ div#randval { + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + box-shadow: 0 4px 8px rgba(0,0,0,0.5); left: 200px; top: 100px; padding: 10px; @@ -10,6 +13,9 @@ div#randval { } div#signup { + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + box-shadow: 0 4px 8px rgba(0,0,0,0.5); padding: 5px; top: 20px; left: 20px; @@ -21,6 +27,9 @@ div#signup { } div#login { + -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5); + box-shadow: 0 4px 8px rgba(0,0,0,0.5); padding: 5px; top: 20px; left: 20px;