diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/cloudbg2.png | bin | 0 -> 8221 bytes | |||
| -rw-r--r-- | static/fuckit.gif | bin | 0 -> 37413 bytes | |||
| -rw-r--r-- | static/getstarted.gif | bin | 0 -> 6297 bytes | |||
| -rw-r--r-- | static/getstarted.html | 95 | ||||
| -rwxr-xr-x | static/index.html | 2 | ||||
| -rw-r--r-- | static/main.css | 33 | ||||
| -rw-r--r-- | static/main2.css | 276 | ||||
| -rw-r--r-- | static/startpage.html | 95 | ||||
| -rw-r--r-- | static/startpage7.html | 112 | ||||
| -rw-r--r-- | static/try.gif | bin | 0 -> 25331 bytes | |||
| -rw-r--r-- | static/try.png | bin | 0 -> 2265 bytes |
11 files changed, 599 insertions, 14 deletions
diff --git a/static/cloudbg2.png b/static/cloudbg2.png Binary files differnew file mode 100644 index 0000000..a1d2b6e --- /dev/null +++ b/static/cloudbg2.png diff --git a/static/fuckit.gif b/static/fuckit.gif Binary files differnew file mode 100644 index 0000000..9f94cf6 --- /dev/null +++ b/static/fuckit.gif diff --git a/static/getstarted.gif b/static/getstarted.gif Binary files differnew file mode 100644 index 0000000..b581589 --- /dev/null +++ b/static/getstarted.gif diff --git a/static/getstarted.html b/static/getstarted.html new file mode 100644 index 0000000..c1ac1b1 --- /dev/null +++ b/static/getstarted.html @@ -0,0 +1,95 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>dump.fm</title> +<link rel="stylesheet" type="text/css" href="main2.css"> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> + <script type="text/javascript" src="static/sha1.js"></script> + <script type="text/javascript" src="static/register.js"></script> + + + <script> + $(document).ready(initRegister); + </script> + +<style type="text/css"> +<!-- +a:link { + text-decoration: none; + +} +a:visited { + text-decoration: none; + border: 0px; +} +a:hover { + text-decoration: none; + border: 0px; +} +a:active { + text-decoration: none; + border: 0px; +} +img{border: 0px;} +--> +</style> +</head> +<body> + +<div id="apDiv2"> + <div align="center"><img src="dfm.png" width="384" height="136" /> + </div> + <div id="about"> + <p align="left"><a href="room.html"><img src="try.gif" width="159" height="96" /></a></p> +</div> + <div id="signinbg"></div> + <div id="signin"> + <div align="right"> + <div id="registerbox"> + <h1>Sign Up!<br /> + <span>Nickname</span> + <input type="text" id="nickInput" size="16" /> + <br /> + <span>Email</span> + <input type="text" id="emailInput" size="20" /> + <br /> + <span>Password</span> + <input type="password" id="passwordInput" size="17" /> + <br /> + + <input type="submit" id="submit" value="YEAH!!!" /> + </h1> + </div> + + <div id="confirmationbox" style="display: none"> + <h1>You've registered!</h1> + <span>Please wait as you're redirected to the chat.</span> + </div> +</div> +</div></div> + <div class="info" id="info"> + <div align="center" class="info">* © 2009 dump.fm + * About Us + * Contact + * Blog + * Goodies + + * Help + * Terms + * Privacy</div> + </div> + + +</div> + +<div id="bottom"> + <div align="center"></div> +</div> + +<div id="plane"></div> +<br /> +</body> +</html> diff --git a/static/index.html b/static/index.html index 8087996..94a8689 100755 --- a/static/index.html +++ b/static/index.html @@ -30,7 +30,7 @@ <br /> <span>Password:</span><input id="passwordInput" type="password" /> <br /> - <input type="button" id="loginSubmit" value="login" /> + <input name="Submit" type="submit" id="loginSubmit" value="login" /> </div> <div id="content"> diff --git a/static/main.css b/static/main.css index bb7dd4c..22acda4 100644 --- a/static/main.css +++ b/static/main.css @@ -3,7 +3,7 @@ #apDiv2 { position:relative; - top:150px; + top:100px; width:700px; margin: 0px auto -1px auto; height: 300px; @@ -11,15 +11,15 @@ } #info { position:relative; - top:285px; + top:200px; width:700px; margin: 0px auto -1px auto; height: 14px; color: #999; bottom:0px; - z-index: 3; - + z-index: 3; } + #front { position:fixed; top:150px; @@ -52,30 +52,29 @@ left:0px; width:410px; height:281px; - background-image: url(logbg.png); + background-image: url(logbg.pngg); z-index:1; - filter:alpha(opacity=70); - -moz-opacity:0.7; - -khtml-opacity: 0.7; - opacity: 0.7; + } #about { position:absolute; width:300px; - height: 281px; + height: 230px; left:410px; line-height: 18px; padding-left: 20px; ; font-weight: bold; - color: #333; + color: #000; z-index:2; + top: 177px; } #input { padding-right:15px; - line-height:22px; - font-size: 12px; + line-height:28px; + font-size: 24px; + font-weight: bolder; } body,td,th { font-family: Arial, Helvetica, sans-serif; @@ -171,8 +170,16 @@ body { background-image: url(cloudbg1.png); background-repeat: no-repeat; background-position:center; + } +#registerbox { + padding-left:20px; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + padding-right:85px; + line-height:28px; +} .form { font-size: 14px; color="#990000"; } .info { font-size: 10px; diff --git a/static/main2.css b/static/main2.css new file mode 100644 index 0000000..822cde3 --- /dev/null +++ b/static/main2.css @@ -0,0 +1,276 @@ +@charset "UTF-8"; +/* CSS Document */ + +#apDiv2 { + position:relative; + top:75px; + width:700px; + margin: 0px auto -1px auto; + height: 300px; + z-index: 3; +} +#txt { + position:absolute; + top:110px; + width:533px; + margin: 0px auto -1px auto; + height: 18px; + z-index: 3; + line-height: 18px; + font-weight: bold; + color: #333; +} +#info { + position:relative; + top:150px; + width:700px; + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; +} +#header { + position:relative; + background:#fff url("cloudbg2.png") no-repeat 0 0; + background-position:center; + width:700px; + margin: 0px auto -1px auto; + top:10px; + height:700px; + z-index:2; + + opacity:0.9; + -moz-border-radius-topleft:10px; + -moz-border-radius-bottomleft:10px; + -moz-border-radius-bottomright:10px; + -moz-border-radius-topleft:10px; + -moz-border-radius-topright:10px; + border-top-left-radius:10px; + border-top-right-radius:10px; +} +.round { + -moz-border-radius:5px; + -webkit-border-radius:5px; +} +.round-top-right { + -moz-border-radius-topright:5px; + -webkit-border-top-right-radius:5px; +} +.round-right { + -moz-border-radius-topright:5px; + -moz-border-radius-bottomright:5px; + -webkit-border-top-right-radius:5px; + -webkit-border-bottom-right-radius:5px; +} +.round-bottom-right { + -moz-border-radius-bottomright:5px; + -webkit-border-bottom-right-radius:5px; +} +.round-bottom { + -moz-border-radius-topright:0; + -moz-border-radius-topleft:0; + -moz-border-radius-bottomright:5px; + -moz-border-radius-bottomleft:5px; + -webkit-border-top-right-radius:0; + -webkit-border-top-left-radius:0; + -webkit-border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; +} +.round-bottom-left { + -moz-border-radius-bottomleft:5px; + -webkit-border-bottom-left-radius:5px; +} +.round-left { + -moz-border-radius-topleft:5px; + -moz-border-radius-bottomleft:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-bottom-left-radius:5px; +} +.round-top-left { + -moz-border-radius-topleft:5px; + -webkit-border-top-left-radius:5px; +} +.round-top { + -moz-border-radius-topright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-bottomright:0; + -moz-border-radius-bottomleft:0; + -webkit-border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-bottom-right-radius:0; + -webkit-border-bottom-left-radius:0; +} + +#front { + position:fixed; + top:150px; +} +#infopage { + + + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; + font-size: 10px; + + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; +} +#signin { + position:absolute; + left:0px; + width:351px; + height:135px; + z-index:3; + top: 143px; +} +#signinbg { + position:absolute; + left:1px; + width:346px; + height:253px; + background-position:right; + background-repeat:no-repeat; + z-index:1; + top: 157px; +} +#about { + position:absolute; + width:280px; + height: 250; + left:364px; + ; + font-weight: bold; + color: #000; + z-index:2; + line-height: 18px; + top: 153px; +} +#input { + padding-right:15px; + line-height:22px; + font-size: 12px; +} +body,td,th { + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + line-height: 40px; +} +#apDiv1 div #input #form1 label { + font-size: 12px; + color: #333; +} +.re { + font-size: 10px; +} +#apDiv2 #about div { + font-size: 10px; + color: #424143; +} +#top { + position:absolute; + left:0px; + top:0px; + width:100%; + height:32px; + z-index:2; + background-color: #CCC; +} +#apDiv3 { + position:fixed; + left:0px; + top:0px; + width:68px; + height:68px; + background-image: url(topl.png); +} +#apDiv4 { + position:fixed; + top:0px; + width:68px; + height:68px; + + right: 0px; + background-image: url(topr.png); +} +#bottom { + position:absolute; + left:0px; + bottom:0px; + width:100%; + height:10px; + z-index:1; + font-size: 10px; + line-height: 5px; +} +#apDiv5 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + left: 0px; + background-image: url(bottoml.png); +} +#apDiv6 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + right: 0px; + background-image: url(bottomr.png); +} +#bg { + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + z-index:2; + background-image:url(grad2.jpg); +} +body { + background-image: url(bg4.png); + background-repeat: repeat-x; + background-attachment:fixed; + overflow:hidden; +} +#plane { + position:fixed; + top:9px; + right:0px; + width:100%; + height:100%; + z-index:1; + background-image: url(cloudbg1.png); + background-repeat: no-repeat; + background-position:center; + -moz-opacity: 0.6; +filter:alpha(opacity=60); + /* CSS3 standard */ + opacity:0.6; + + +} +#registerbox { + padding-left:20px; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + padding-right:0px; + line-height:28px; +} +.form { font-size: 14px; color="#990000"; } +.info { + font-size: 10px; +} +.info { + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; + color: #999; +} diff --git a/static/startpage.html b/static/startpage.html new file mode 100644 index 0000000..85f3350 --- /dev/null +++ b/static/startpage.html @@ -0,0 +1,95 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>dump.fm</title> +<link rel="stylesheet" type="text/css" href="main.css"> + <script type="text/javascript" src="static/sha1.js"></script> + <script type="text/javascript" src="static/pichat.js"></script> +<style type="text/css"> +<!-- +a:link { + text-decoration: none; + +} +a:visited { + text-decoration: none; + border: 0px; +} +a:hover { + text-decoration: none; + border: 0px; +} +a:active { + text-decoration: none; + border: 0px; +} +img{border: 0px;} +--> +</style> +</head> +<body> + +<div id="apDiv2"> + <div align="center"><img src="dfm.png" width="384" height="136" /> + </div> + <div id="about"> + <p>dump.fm lets you talk with pictures.<br /> + <br /> + share images from anywhere on the web or ones stored on your computer, in real time.<br /> + <br /> + </p> +<p align="center"><a href="getstarted.html"><img src="getstarted.gif" width="262" height="94" /></a></p> + <div align="right"></div> + </div> + <div id="signinbg"></div> + <div id="signin"> + <div align="right"> + <p align="center"> </p> + <div id="input"> + <form id="form1" name="form1" method="post" action="" > + <label>username + <input type="text" name="textfield" id="textfield" class="form"/> + <br /> + </label> + </form> + <form id="form1" name="form1" method="post" action=""> + <label>password + <input type="text" name="textfield" id="textfield"class="form" /> + </label> + <br /> + <label> <span class="re">remember me </span> + <input type="checkbox" name="remember" id="remember" /> + </label> + </form> + <form id="form2" name="form2" method="post" action=""> + <label> + <input type="submit" name="Signin" id="Signin" value="Sign In" /> + </label> + </form> + </div> + </div> +</div></div> + <div class="info" id="info"> + <div align="center" class="info">* © 2009 dump.fm + * About Us + * Contact + * Blog + * Goodies + + * Help + * Terms + * Privacy</div> + </div> + + +</div> + +<div id="bottom"> + <div align="center"></div> +</div> + +<div id="plane"></div> +<br /> +</body> +</html> diff --git a/static/startpage7.html b/static/startpage7.html new file mode 100644 index 0000000..eea492c --- /dev/null +++ b/static/startpage7.html @@ -0,0 +1,112 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>dump.fm</title> +<link rel="stylesheet" type="text/css" href="main2.css"> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + <link rel="shortcut icon" href="static/favicon.ico"> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> + <script type="text/javascript" src="static/sha1.js"></script> + <script type="text/javascript" src="static/register.js"></script> + + + <script> + $(document).ready(initRegister); + </script> + +<style type="text/css"> +<!-- +a:link { + text-decoration: none; + +} +a:visited { + text-decoration: none; + border: 0px; +} +a:hover { + text-decoration: none; + border: 0px; +} +a:active { + text-decoration: none; + border: 0px; +} +img{border: 0px;} +#apDiv7 { + position:absolute; + left:151px; + top:-106px; + width:351px; + height:66px; + z-index:4; + font-weight: bold; + line-height: 18px; + font-size: 14px; +} +#apDiv8 { + position:absolute; + left:964px; + top:131px; + width:416px; + height:140px; + z-index:4; +} +--> +</style> +</head> +<body> +<div id="header"> + +<div id="apDiv2"> + <div align="center"><img src="dfm.png" width="384" height="136" /><br /> + + <div id="about"> + <p align="left"><a href="getstarted.html"><img src="getstarted.gif" width="262" height="94" /></a></p> + <p align="left"><br /> + </p> + </div> + <div id="txt"> + <div align="right">Talk with pictures.</div> + </div> + <div id="signin"> + <div align="right"> + <div id="registerbox"> + <h1> Sign In!<br /> + <span>Nickname</span> + <input type="text" id="nickInput" size="17" /> + <br /> + + <span>Password</span> + <input type="password" id="passwordInput" size="17" /> + <br /> + + <input type="submit" id="submit" value="YEAH!!!" /> + </h1> +</div> + + <div id="confirmationbox" style="display: none"> + <h1>You've registered!</h1> + <span>Please wait as you're redirected to the chat.</span> + </div> +</div> + </div> + <div class="info" id="info"> + <div align="center" class="info"> © 2009 dump.fm + * About Us + * Contact + * Blog + * Goodies + + * Help + * Terms + * Privacy</div> + +</div></div> + + +</div></div> +<br /> +</body> +</html> diff --git a/static/try.gif b/static/try.gif Binary files differnew file mode 100644 index 0000000..cbe2d89 --- /dev/null +++ b/static/try.gif diff --git a/static/try.png b/static/try.png Binary files differnew file mode 100644 index 0000000..a7021f8 --- /dev/null +++ b/static/try.png |
