ghopp
/
taskrambler
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

make login and signup div draggable and cast shadows

v0.1.8
Georg Hopp 12 years ago
parent
365ed89af6
commit
cc23d732ab
3 changed files with 22 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      assets/html/layout.html
  2. 9
      assets/js/init.js
  3. 9
      assets/style/common.css

6
assets/html/layout.html
View File

@ -5,20 +5,22 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<title>Taskrambler</title> <title>Taskrambler</title>
<link rel="stylesheet" type="text/css" href="/style/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="/style/common.css"> <link rel="stylesheet" type="text/css" href="/style/common.css">
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> <link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
<link rel="shortcut icon" href="/favicon.ico?v=2" /> <link rel="shortcut icon" href="/favicon.ico?v=2" />
<script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script type="text/javascript" src="/js/serverval.js"></script> <script type="text/javascript" src="/js/serverval.js"></script>
<script type="text/javascript" src="/js/session.js"></script> <script type="text/javascript" src="/js/session.js"></script>
<script type="text/javascript" src="/js/init.js"></script> <script type="text/javascript" src="/js/init.js"></script>
</head> </head>
<body> <body>
<div id="login" class="hide">
<div id="login" class="ui-widget-content hide">
</div> </div>
<div id="signup" class="hide">
<div id="signup" class="ui-widget-content hide">
</div> </div>
<div id="page"> <div id="page">

9
assets/js/init.js
View File

@ -62,6 +62,10 @@ $(document).ready(function() {
}); });
$("#login").load("/_login.html", function (){ $("#login").load("/_login.html", function (){
$(function() {
$( "#login" ).draggable();
});
$("#login form").submit(function(event) { $("#login form").submit(function(event) {
event.preventDefault(); event.preventDefault();
$.post("/authenticate/", $.post("/authenticate/",
@ -73,6 +77,10 @@ $(document).ready(function() {
}); });
$("#signup").load("/_signup.html", function (){ $("#signup").load("/_signup.html", function (){
$(function() {
$( "#signup" ).draggable();
});
$("#signup form").submit(function(event) { $("#signup form").submit(function(event) {
event.preventDefault(); event.preventDefault();
$.post("/signup/", $.post("/signup/",
@ -96,6 +104,7 @@ $(document).ready(function() {
$("#randval").click(function() { $("#randval").click(function() {
sval.stop(); sval.stop();
}); });
}); });
// vim: set ts=4 sw=4: // vim: set ts=4 sw=4:

9
assets/style/common.css
View File

@ -1,4 +1,7 @@
div#randval { 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; left: 200px;
top: 100px; top: 100px;
padding: 10px; padding: 10px;
@ -10,6 +13,9 @@ div#randval {
} }
div#signup { 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; padding: 5px;
top: 20px; top: 20px;
left: 20px; left: 20px;
@ -21,6 +27,9 @@ div#signup {
} }
div#login { 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; padding: 5px;
top: 20px; top: 20px;
left: 20px; left: 20px;

Write Preview
Loading…
Cancel
Save