diff options
| -rwxr-xr-x | static/about.html | 275 | ||||
| -rwxr-xr-x | static/browser.css | 6 | ||||
| -rw-r--r-- | static/geocities.gif | bin | 0 -> 12892 bytes | |||
| -rw-r--r-- | static/globe.gif | bin | 0 -> 50125 bytes | |||
| -rw-r--r-- | static/guarantee_risk_free.png | bin | 0 -> 10909 bytes | |||
| -rw-r--r-- | static/guaranteed_customer_satisfaction.gif | bin | 0 -> 5921 bytes | |||
| -rwxr-xr-x | static/header.css | 66 | ||||
| -rw-r--r-- | static/home4.gif | bin | 115 -> 125 bytes | |||
| -rw-r--r-- | static/html_3_2.gif | bin | 0 -> 4471 bytes | |||
| -rw-r--r-- | static/htmllogo.gif | bin | 0 -> 4162 bytes | |||
| -rw-r--r-- | static/image_draw.gif | bin | 192 -> 169 bytes | |||
| -rwxr-xr-x | static/index.html | 254 | ||||
| -rwxr-xr-x | static/js/home.js | 73 | ||||
| -rwxr-xr-x | static/js/pichat.js | 55 | ||||
| -rwxr-xr-x | static/pichat.css | 24 | ||||
| -rw-r--r-- | static/pixelart.gif | bin | 0 -> 6288 bytes | |||
| -rwxr-xr-x | static/profile.css | 54 | ||||
| -rw-r--r-- | static/text.gif | bin | 94 -> 112 bytes | |||
| -rw-r--r-- | static/valid_html-cougar.gif | bin | 0 -> 1645 bytes | |||
| -rw-r--r-- | static/valid_html.gif | bin | 0 -> 231 bytes | |||
| -rw-r--r-- | static/valid_html3.2.gif | bin | 0 -> 222 bytes | |||
| -rw-r--r-- | static/validator-w3-org_vh40.gif | bin | 0 -> 906 bytes | |||
| -rw-r--r-- | static/vxhtml.gif | bin | 0 -> 7445 bytes | |||
| -rw-r--r-- | static/wowalk.gif | bin | 0 -> 3439 bytes | |||
| -rwxr-xr-x | template/banner.st | 2 | ||||
| -rwxr-xr-x | template/browser.st | 3 | ||||
| -rwxr-xr-x | template/chat.st | 9 | ||||
| -rwxr-xr-x | template/footer.st | 2 | ||||
| -rwxr-xr-x | template/head.st | 2 | ||||
| -rwxr-xr-x | template/log.st | 19 | ||||
| -rw-r--r-- | template/preload.st | 3 | ||||
| -rwxr-xr-x | template/profile.st | 4 |
32 files changed, 498 insertions, 353 deletions
diff --git a/static/about.html b/static/about.html index 85adbad..0a0e634 100755 --- a/static/about.html +++ b/static/about.html @@ -1,10 +1,11 @@ -<head> - <link rel="stylesheet" type="text/css" href="/static/reset.css"> - <link rel="stylesheet" type="text/css" href="/static/header.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <script type="text/javascript"> -<!-- +</html><head> + <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> + <script type="text/javascript" src="/static/js/underscore-min.js"></script> + <script type="text/javascript" src="/static/js/sha1.js"></script> + <script type="text/javascript" src="/static/js/home.js"></script> + + <script> +$(document).ready(initLoginForm); function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } @@ -26,73 +27,229 @@ function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } -//--> - </script> -</head> + </script> + <link rel="stylesheet" type="text/css" href="static/reset.css"> + + <link rel="shortcut icon" href="static/favicon.ico"> + + <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>dump.fm</title></head> + + <style type="text/css"> -#apDiv1{ - margin-top:100px; + + +<!-- +.white a:link { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:visited { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} +.white a:hover { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + background-color:#e3e3e3; + + color: #fff; +} +.white a:active { + text-decoration: none; + text-shadow: -1px 1px 1px #ccc; + color: #504F61; +} + +#main { + width:660px; + margin: 0px auto -1px auto; + height:672px; +padding-top:12; + border-top-left-radius:15px; + border-top-right-radius:15px; + -webkit-border-top-left-radius:15px; + -webkit-border-top-right-radius:15px; + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; + border-bottom-left-radius:15px; + border-bottom-right-radius:15px; + -webkit-border-bottom-left-radius:15px; + -webkit-border-bottom-right-radius:15px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; + border:solid 1px #fff; + position: relative; + box-shadow: 5px 5px 100px #c8cbce; +-webkit-box-shadow: 5px 5px 100px #c8cbce; +-moz-box-shadow: 5px 5px 100px #c8cbce; +} +#horse { + width:460px; +opacity:0.9; + height:372px; +padding-top:1; + position: relative; +background:url(/static/flyhorse.gif); + background-position:right -10; + background-repeat:no-repeat; + +} +#babe { + width:460px; +opacity:0.9; + height:372px; +padding-top:1; + + position: relative; +background:url(/static/wowalk.gi); + background-position:77 120; + background-repeat:no-repeat; + +} +#bottombar{ + top: 69px; + left:0px; + position:absolute; width: 100%; - font-size:12px; - color:#323232; - letter-spacing:2px; + height: 20px; + z-index: 1000; +} +p { + font-family: Arial, Helvetica, sans-serif; + font-size: 24px; +} +td { + font-family: Arial, Helvetica, sans-serif; + letter-spacing:-1px; + font-size: 12px; + color: #000000; +} +.btnav { border: 0px #000000 solid;} +body { + background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + +margin:5%; } -#footerc -{ +.submit { + + text-shadow: -1px 1px 1px #ccc; + font-size:15px; +} +.feild { + height:40px; + width:300px; + border:3px #000; + background:#e3e3e3; + margin:10px; + color:#000; + + font-size:30px; + +} +.txt { + font-family:Arial, Helvetica, sans-serif; + font-size:14px; +line-height:1.2; + text-shadow:1px 1px 0.5px #ccc; + word-spacing: 3px; +} + .line { + font-family:Arial, Helvetica, sans-serif; + letter-spacing:0px; +line-height:-1; + + color:#000; + font-size:17px; +} +#nickInput {color:#000; +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +#signin-submit { + display:inline-block; + width:300px; +height:37px; +font-size:20px; +background-image:url(/static/btngrad1.png); +font-weight:bold; +word-spacing:7; +padding-top:6px; text-align:center; - position:absolute; - width:100%; - bottom:0px; -line-height:2.5; - font-size:11px; -word-spacing:8px; -height:28px; - color: #000; + z-index:100; + font-size:18px; + color:#fff; + text-shadow:1px 1px 3px rgba(0,0,0,1); + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + border:solid 1px #eee; } -</style> -<body onLoad="MM_preloadImages('/static/mouseover.gif')"> -<div id="rapper7"> -<div id="header7"> +--> - +</style> - <div id="logo7"> - <div align="center"><a href="/chat" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/static/mouseover.gif',1)"><img src="/static/wordlogo2.gif" name="Image2" width="154" height="73" border="0"></a></div> +<body> +<div id="rapper7"> +<div id="header7"> + <div id="bottombar"></div> + <div align="center"> +<br> </div> - <div class="white"> - <div id="bar7"> - <div style="float: left;"> - <div align="center">$if(user_nick)$ - <a href="/u/$user_nick$">Profile</a> | - $else$ <a href="/register">Register</a> | - $endif$ - <a href="/chat">Room A</a> - $if(user_nick)$ $endif$</div> - </div> - </div> + <div class="white"></div> + <div align="center"><br /></div> </div> - <div id="logout7" class="white"> - <div align="center">$if(user_nick)$ <a href="/logout">Logout</a> $else$ <a href="/" class="btnav">Log In</a>$endif$ - </div> - </div> - <div align="center"><br /> - </div> </div> </div> +<div id="main" align="center"> -<div id="apDiv1"> - <div align="center"><img src="/static/dumpteam.png" width="600" height="467"><br> - Ryder Ripps - Lead Vocals<br> - Scott Ostler - Drum Machines/Vocoder<br> - Tim Baker - Keytar<br> - Stefan Moore - Chick Magnet</div> -</div> + <p align="center"> + + <div id="registerbox"> + <div align="center"><img src="/static/dumpteam.png"></div> + </p> + + <p align="center" class="line">Talk with pictures!</p> + <div align="right" class="txt"> +<br> + <div align="center">dump.fm is fun website that lets people talk to each other using pictures.<br> + A team of four dudes are working on it... they are known as Brokencyde.... <br> + </div> + </div> + <h1 align="center"> </h1> + <h1 align="center"> + + <p align="center"> </p> + <p> </p> + + <div align="center"></div> + </div> </div> -<div id="footerc"> - <div align="center">@2010 dump.fm <a href="/">About Us</a> <a href="/">Blog</a> <a href="/">Goodies</a> <a href="/">Help</a> <a href="/">Terms</a> <a href="/">Privacy</a></div> + </div></div> + </div> + </h1> + </div> </div> -</body>
\ No newline at end of file + + + +</body> +</html> diff --git a/static/browser.css b/static/browser.css index 30ea714..1585fcb 100755 --- a/static/browser.css +++ b/static/browser.css @@ -57,12 +57,12 @@ color:000; border: 2px solid #c8cbce; -top:56px; +top:40px; bottom:65px; position:fixed; - width: 99%; + width: 99.4%; background-color:#FFF; -left:0.3%; +left:0.1%; z-index:5; } diff --git a/static/geocities.gif b/static/geocities.gif Binary files differnew file mode 100644 index 0000000..cb8dd65 --- /dev/null +++ b/static/geocities.gif diff --git a/static/globe.gif b/static/globe.gif Binary files differnew file mode 100644 index 0000000..4907a42 --- /dev/null +++ b/static/globe.gif diff --git a/static/guarantee_risk_free.png b/static/guarantee_risk_free.png Binary files differnew file mode 100644 index 0000000..9bf34aa --- /dev/null +++ b/static/guarantee_risk_free.png diff --git a/static/guaranteed_customer_satisfaction.gif b/static/guaranteed_customer_satisfaction.gif Binary files differnew file mode 100644 index 0000000..976d686 --- /dev/null +++ b/static/guaranteed_customer_satisfaction.gif diff --git a/static/header.css b/static/header.css index 786632d..67b59c7 100755 --- a/static/header.css +++ b/static/header.css @@ -40,53 +40,70 @@ background-repeat:repeat-x; } #bar7{ - top:24px; + top:12px; position:absolute; - font-family: Arial, Helvetica, sans-serif; font-size: 16px; -height:30; +height:22; word-spacing:2; width:365; color:#fff; text-indent:14; -line-height:1.8; - text-shadow: 1px 1px 0px #000; - left: 290px; +line-height:2; + left: 140px; margin-left: 1.2%; margin-right: 8%; letter-spacing:.2px; z-index: 999; } +#bar7 img{ +margin-top:2; +} +#bar7 a{ + text-decoration: none; + text-shadow: 1px 1px 1px #000; + font-size:13; +font-weight:bold; + color: #fff; +} +#bar7 a:hover{ + text-decoration: none; + text-shadow: 1px 1px 1px #000; +font-weight:bold; + color: #fff; +} #logout7{ - top:2px; + top:-2px; position:relative; font-size:12px; - margin-right: 5px; + margin-right: 3px; float:right; z-index: 999; - line-height:1.5; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } -#logout7 a{font-size:12px; +#logout7 a{font-size:11px;text-shadow: 1px 1px 4px #000; } -#logout7 a:hover{font-size:12px; +#logout7 a:hover{font-size:11px; } #logo7{ - margin-left: -2px; + margin-left: 3px; margin-right: 10%; - z-index:1000; + z-index:1050; float:left; - margin-top: -5px; + margin-top: -1px; } -#logo7 a{font-size:60; - text-shadow: 2px 1px 1px #000; +#logo7 a{font-size:40; + + text-shadow: 2px 3px 1px #f0e, 3px -2px 1px #f0e; +letter-spacing:-4; color:#fff; font-weight:bold; } #logo7 a:hover{ - text-shadow: 2px 1px 1px #cce12e; + + text-shadow: 2px 3px 1px #f0e, 3px 3px 1px #fff; + color:#fff; } @@ -127,9 +144,9 @@ width:auto; #landscape{ position:absolute; width:auto; -left:15; -margin-left:25%; -top:-35; + +margin-left:55%; +top:-38; opacity:0.8; z-index:2; } @@ -137,8 +154,8 @@ z-index:2; position:absolute; width:auto; left:190; -margin-left:9%; -top:-14; +margin-left:29%; +top:-19; z-index:3; } @@ -186,7 +203,7 @@ border:px solid #000; height: 26px; position: absolute; z-index: 10; -margin-top2; +margin-top:0; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true); border-top-left-radius:5px; border-top-right-radius:5px; @@ -215,5 +232,6 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY #lastli{ -margin-left:-700; +margin-left:-7000; +height:0.1; } diff --git a/static/home4.gif b/static/home4.gif Binary files differindex 153d3de..baf313f 100644 --- a/static/home4.gif +++ b/static/home4.gif diff --git a/static/html_3_2.gif b/static/html_3_2.gif Binary files differnew file mode 100644 index 0000000..12ef87f --- /dev/null +++ b/static/html_3_2.gif diff --git a/static/htmllogo.gif b/static/htmllogo.gif Binary files differnew file mode 100644 index 0000000..4ba383d --- /dev/null +++ b/static/htmllogo.gif diff --git a/static/image_draw.gif b/static/image_draw.gif Binary files differindex f4d91fa..aaf947c 100644 --- a/static/image_draw.gif +++ b/static/image_draw.gif diff --git a/static/index.html b/static/index.html index ecb4f82..c492031 100755 --- a/static/index.html +++ b/static/index.html @@ -1,10 +1,10 @@ -</html><head> - <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> - <script type="text/javascript" src="/static/js/underscore-min.js"></script> - <script type="text/javascript" src="/static/js/sha1.js"></script> - <script type="text/javascript" src="/static/js/home.js"></script> - - <script> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" +"http://www.w3.org/TR/html4/strict.dtd"> +<html><head> +<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> +<script type="text/javascript" src="/static/js/sha1.js"></script> +<script type="text/javascript" src="/static/js/home.js"></script> +<script> $(document).ready(initLoginForm); function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; @@ -27,8 +27,8 @@ function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } - </script> - <link rel="stylesheet" type="text/css" href="static/reset.css"> +</script> +<link rel="stylesheet" type="text/css" href="static/reset.css"> <link rel="shortcut icon" href="static/favicon.ico"> @@ -36,115 +36,80 @@ function MM_swapImage() { //v3.0 <style type="text/css"> -<!-- -.white a:link { - text-decoration: none; - text-shadow: -1px 1px 1px #ccc; - color: #504F61; -} -.white a:visited { - text-decoration: none; - text-shadow: -1px 1px 1px #ccc; - color: #504F61; -} -.white a:hover { - text-decoration: none; - text-shadow: -1px 1px 1px #ccc; - background-color:#e3e3e3; - - color: #fff; + +body { + background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; + background-repeat:repeat-x; + background-position:top; + margin:5%; } -.white a:active { - text-decoration: none; - text-shadow: -1px 1px 1px #ccc; - color: #504F61; +#preload { + position: absolute; + left: 0px; + top: 0px; } - #main { width:460px; - margin: 0px auto -1px auto; - height:372px; -padding-top:12; - border-top-left-radius:15px; - border-top-right-radius:15px; - -webkit-border-top-left-radius:15px; - -webkit-border-top-right-radius:15px; - -moz-border-radius-topleft:15px; - -moz-border-radius-topright:15px; - border-bottom-left-radius:15px; - border-bottom-right-radius:15px; - -webkit-border-bottom-left-radius:15px; - -webkit-border-bottom-right-radius:15px; - -moz-border-radius-bottomleft:15px; - -moz-border-radius-bottomright:15px; + margin: 100px auto 0 auto; + padding: 20px 0; + border-radius: 15px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; border:solid 1px #fff; position: relative; - box-shadow: 5px 5px 100px #c8cbce; --webkit-box-shadow: 5px 5px 100px #c8cbce; --moz-box-shadow: 5px 5px 100px #c8cbce; + box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde; + -webkit-box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde; + -moz-box-shadow: 0 0 10px #d8dbde, 5px 5px 20px #d8dbde; } +#logo-and-text { + position: relative; + z-index: 20; + padding-bottom: 20px; +} + #horse { - width:460px; -opacity:0.9; - height:372px; -padding-top:1; - position: relative; -background:url(/static/flyhorse.gif); - background-position:right -10; - background-repeat:no-repeat; + position: absolute; + z-index: 10; + top: 12px; + left: 140px; +} +#customer { + position: absolute; + left: -90px; + top: -85px; + z-index: 10; } -#babe { +#info { width:460px; -opacity:0.9; - height:372px; -padding-top:1; + margin: 0px auto -1px auto; + padding-top:10; + padding-left:53; + position: relative; + vertical-align: bottom; +} - position: relative; -background:url(/static/4a.gif); - background-position:40 132; - background-repeat:no-repeat; -} -#bottombar{ - top: 69px; - left:0px; - position:absolute; - width: 100%; - height: 20px; - z-index: 1000; -} p { font-family: Arial, Helvetica, sans-serif; font-size: 24px; } -td { - font-family: Arial, Helvetica, sans-serif; - letter-spacing:-1px; - font-size: 12px; - color: #000000; -} + .btnav { border: 0px #000000 solid;} -body { - background:#EEF2FF url(/static/fade-blue.png) top center repeat-x; - background-repeat:repeat-x; - background-position:top; - overflow:hidden; -margin:5%; -} + .submit { text-shadow: -1px 1px 1px #ccc; font-size:15px; } -.feild { + +input { height:40px; width:300px; border:3px #000; background:#e3e3e3; margin:10px; color:#000; - font-size:30px; } @@ -163,97 +128,70 @@ line-height:-1; color:#000; font-size:17px; } -#nickInput {color:#000; -} + .no-cursor { cursor: none; } .invisible { display: none !important; } #cursor-big { position: absolute; z-index: 1000; } #signin-submit { - display:inline-block; + display: block; width:300px; -height:37px; -font-size:20px; -background-image:url(/static/btngrad1.png); -font-weight:bold; -word-spacing:7; -padding-top:6px; + height:33px; + font-size:20px; + background-image:url(/static/btngrad1.png); + font-weight:bold; + word-spacing:7; + /*padding-top:6px;*/ text-align:center; z-index:100; - font-size:18px; + font-size:16px; color:#fff; - text-shadow:1px 1px 3px rgba(0,0,0,1); - border-top-left-radius:5px; - border-top-right-radius:5px; - -webkit-border-top-left-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - border-bottom-left-radius:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-left-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; + text-shadow:1px 1px 3px #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px;*/ border:solid 1px #eee; } ---> </style> - +</head> <body> -<div id="rapper7"> -<div id="header7"> - <div id="bottombar"></div> - <div align="center"> -<br> - </div> - - <div class="white"></div> - <div align="center"><br /></div> -</div> -</div> -</div> -<div id="main" align="center"><div id="horse"><div id="babe"> - - <p align="center"> +<div id="main" align="center"> + + + <img src="/static/flyhorse.gif" id="horse" /> + <img src="/static/guaranteed_customer_satisfaction.gif" id="customer" /> + <div id="registerbox"> - <div align="center"><a href="/chat")"><img src="/static/dumpmod1.png" border="0"></a></div> - </p> - - <p align="center" class="line">Talk with pictures!</p> - <div align="right" class="txt"> -<br> - <div align="center">Right now dump.fm is invite only...<br> - If you have registration code, <a href="/register" style="text-decoration:none;">click here!</a> <br> + <div id="logo-and-text"> + <a href="/"><img src="/static/dumpmod1.png"></a> + <p align="center" class="line">Talk with pictures!</p> + <div align="right" class="txt"> + <br> + <div align="center">Right now dump.fm is invite only...<br> + If you have registration code, <a href="/register" style="text-decoration:none;">click here!</a> <br> + </div> </div> </div> - <h1 align="center"> </h1> - <h1 align="center"> - <input type="text" class="feild" id="nickInput" size="17" /> - <br /> - <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible feild"> - <input type="password" class="feild" id="passwordInput" size="17" /> - </h1> - <h1 align="center"> <br /> - <input id="signin-submit" value="Sign In"> - <!-- <input type="submit" class="submit" id="loginSubmit" value="Log In" /> --> - </h1> - <p align="center"> </p> - <p> </p> - - <div align="center"></div> + <input type="text" id="nickInput" size="17" /> + <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible"> + <input type="password" id="passwordInput" size="17" /> + <!-- <br /><a id="signin-submit">Sign In</a> --> + <input id="signin-submit" value="Sign In" /> </div> </div> - </div></div> - -</div> - </h1> - </div> +<div id="info"> + <img src="/static/vxhtml.gif"> + <img src="/static/html_3_2.gif"> + <img src="/static/validator-w3-org_vh40.gif"> + <img src="/static/geocities.gif"> + <img src="/static/valid_html.gif"> </div> - +<div id="preload"> + <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big" /> +</div> </body> </html> diff --git a/static/js/home.js b/static/js/home.js index 441a992..58fc384 100755 --- a/static/js/home.js +++ b/static/js/home.js @@ -6,15 +6,15 @@ function ifEnter(fn) { function initLoginForm() { - var nick = "#nickInput", nickFiller = "username" - var pass = "#passwordInput", passLabel = "#passwordInputLabel", passFiller = "password" - var submit = "#signin-submit" - - // username input logic: - // set filler text for the login form only if empty - if ($(nick).val() == "") $(nick).val(nickFiller); - - // erase the form text when clicked only if it is filler text, otherwise select it + var nick = "#nickInput", nickFiller = "username" + var pass = "#passwordInput", passLabel = "#passwordInputLabel", passFiller = "password" + var submit = "#signin-submit" + + // username input logic: + // set filler text for the login form only if empty + if ($(nick).val() == "") $(nick).val(nickFiller); + + // erase the form text when clicked only if it is filler text, otherwise select it $(nick).focus(function(){ if($(nick).val() == nickFiller) $(nick).val("") else $(nick).select() @@ -38,8 +38,8 @@ function initLoginForm() { $(pass).addClass("invisible") $(passLabel).removeClass("invisible") } - - // only show password label if input is empty + + // only show password label if input is empty if ($(pass).val() == "") hidePassShowLabel() $(passLabel).click(showPassHideLabel) @@ -48,8 +48,8 @@ function initLoginForm() { $(pass).blur(function(){ if($(pass).val() == "") hidePassShowLabel() }) - - $(nick).keypress(ifEnter(login)); + + $(nick).keypress(ifEnter(login)); $(pass).keypress(ifEnter(login)); $(submit).click(login); @@ -80,10 +80,12 @@ function initExpandableLoginForm() { } function initBigHand(id){ - var cursor = "#cursor-big" + var cursorId = "#cursor-big" + var cursor = $(cursorId)[0] - if (!$(cursor).length) // add cursor image to page if it doesn't exist already... - $('<img src="/static/img/cursors/osx.hand.gif" class="invisible no-cursor" id="cursor-big">').appendTo('body') + // jquery's reported element sizes are not exactly the same as the browser's 'mouseover' target sizes + // so we'll allow a few pixels extra + var fudgeFactor = 2 $(id).addClass("no-cursor") @@ -97,6 +99,7 @@ function initBigHand(id){ // find image co-ords // bind a global mousemove func // bind cursor click event + // unbind mouseover // mousemove func: // move image to mouse co-ords // if mouse co-ords are outside the image co-ords: @@ -105,17 +108,17 @@ function initBigHand(id){ // unbind cursor click event var mousemove = function(e){ - $(cursor).css({ - "top": e.pageY + "px", - "left": e.pageX - 32 + "px" // 32: (4 pixels * 8 pixels per big pixel) to line up pointy finger with cursor - }) - $(id).unbind('mouseover', imageMouseOver) - if (e.pageY < initBigHand.coords.top || - e.pageY > initBigHand.coords.bottom || - e.pageX < initBigHand.coords.left || - e.pageX > initBigHand.coords.right) { - $(cursor).addClass('invisible') - $(cursor).unbind('click', cursorClick) + var y = e.pageY, x = e.pageX, coords = initBigHand.coords + + cursor.style.top = y + "px" + cursor.style.left = x - 32 + "px" // 32: (4 pixels * 8 pixels per big pixel) to line up pointy finger with cursor + if (y < coords.top || + y > coords.bottom || + x < coords.left || + x > coords.right) { + $(cursorId).addClass('invisible') + $(cursorId).css({"top": 0, "left": 0 }) + $(cursorId).unbind('click', cursorClick) $('body').unbind('mousemove', mousemove) $(id).mouseover(imageMouseOver) } @@ -124,15 +127,17 @@ function initBigHand(id){ var cursorClick = function(){ $(id).click() } var imageMouseOver = function(){ + //console.log("moused over...") initBigHand.coords = { - "left": $(id).offset().left, - "top": $(id).offset().top, - "right": $(id).offset().left + $(id).width(), - "bottom": $(id).offset().top + $(id).height() + "left": $(id).offset().left - fudgeFactor, + "top": $(id).offset().top - fudgeFactor, + "right": $(id).offset().left + $(id).width() + fudgeFactor, + "bottom": $(id).offset().top + $(id).height() + fudgeFactor } $('body').mousemove(mousemove) - $(cursor).click(cursorClick) - $(cursor).removeClass('invisible') + $(cursorId).click(cursorClick) + $(cursorId).removeClass('invisible') + $(id).unbind('mouseover', imageMouseOver) } $(id).mouseover(imageMouseOver) @@ -163,4 +168,4 @@ function login() { success: onSuccess, error: onError }); -};
\ No newline at end of file +}; diff --git a/static/js/pichat.js b/static/js/pichat.js index a8557c1..48b11ae 100755 --- a/static/js/pichat.js +++ b/static/js/pichat.js @@ -56,12 +56,7 @@ function buildGrowlDataAndPopDatShit(msg) { } function growl(user, msg) { - $.gritter.add({ - // (string | mandatory) the heading of the notification - title: user, - // (string | mandatory) the text inside the notification - text: msg - }); + $.gritter.add({title: user, text: msg}); } function handleMsgError(resp) { @@ -111,6 +106,7 @@ function ifEnter(fn) { }; } +/* function isScrolledToBottom(div) { return Math.abs(div.scrollTop - (div.scrollHeight - div.offsetHeight)) <= 3; } @@ -124,20 +120,18 @@ function scrollToBottom(div) { function delayedScrollToBottom(delay) { setTimeout(scrollToBottom, delay, $('#messageList')[0]); } +*/ function addNewMessages(msgs) { - var wasScrolledToBottom = isScrolledToBottom($('#messageList')[0]); + //var wasScrolledToBottom = isScrolledToBottom($('#messageList')[0]); var msgStr = $.map(msgs, buildMessageDiv).join(''); $('#messageList').append(msgStr); - - if (wasScrolledToBottom) { delayedScrollToBottom(500); } } function addNewMessage(msg, isLoading) { - var wasScrolledToBottom = isScrolledToBottom($('#messageList')[0]); + //var wasScrolledToBottom = isScrolledToBottom($('#messageList')[0]); var msgStr = buildMessageDiv(msg, isLoading); var div = $(msgStr).appendTo('#messageList'); - if (wasScrolledToBottom) { delayedScrollToBottom(500); } return div; } @@ -177,7 +171,7 @@ function refresh() { json.messages, function(m) { return !isDuplicateMessage(m) }); updateUI(messages, json.users); - if (!HasFocus && typeof UnseenMsgCounter !== 'undefined') { + if (typeof UnseenMsgCounter !== 'undefined' && !HasFocus) { UnseenMsgCounter += messages.length; } } catch(e) { @@ -215,10 +209,15 @@ function initChat() { $('#msgInput').keyup(ifEnter(submitMessage)); $('#msgSubmit').click(submitMessage); - delayedScrollToBottom(500); + messageList = $("#messageList")[0] + + scrollToEnd() + scrollWatcher() + setTimeout(refresh, 1000); } + function initProfile() { $('.logged-dump .content').each(function() { var t = $(this); @@ -278,4 +277,34 @@ function setupUpload(elementId, roomKey) { name: 'image', data: { room: roomKey } }); +} + +// scrolling stuff +// this code keeps the div scrolled to the bottom, but will also let the user scroll up, without jumping down + +function isScrolledToBottom(){ + var threshold = 15; + + var containerHeight = messageList.style.pixelHeight || messageList.offsetHeight + var currentHeight = (messageList.scrollHeight > 0) ? messageList.scrollHeight : 0 + + var result = (currentHeight - messageList.scrollTop - containerHeight < threshold); + + return result; +} + +function scrollIfPossible(){ + if (lastScriptedScrolledPosition == messageList.scrollTop || isScrolledToBottom()) + scrollToEnd() +} + +var lastScriptedScrolledPosition = 0 +function scrollToEnd(){ + messageList.scrollTop = messageList.scrollHeight + lastScriptedScrolledPosition = messageList.scrollTop +} + +function scrollWatcher(){ + scrollIfPossible() + setTimeout(scrollWatcher, 500) }
\ No newline at end of file diff --git a/static/pichat.css b/static/pichat.css index 21eb798..2ffcd59 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -59,12 +59,12 @@ color:000; #messagePane { border: 2px solid #c8cbce; -top:54px; +top:40px; bottom:65px; position:fixed; - width: 99%; + width: 99.3%; background-color:#FFF; -left:0.3%; +left:0.2%; z-index:5; } @@ -100,11 +100,11 @@ bottom:10px; width: 100%; z-index:100; background-color:#FFF; - margin-top: 15px; + margin-top: 16px; left:-3px; position:relative; border:2px solid #c8cbce; -height:36px; +height:35px; font-size:20px; min-width:500px; box-shadow: 2px 3px 4px #eee; @@ -116,7 +116,10 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, min-width:500px; z-index:100; } +#msginputrapper{ +margin-right:239; +} #msgSubmit { position:absolute; @@ -145,7 +148,7 @@ top:15px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; - border-radius:2px; + border-radius:5px; position:absolute; display:inline-block; width:120px; @@ -153,7 +156,8 @@ height:35px; background-position:center; right:0; top:15px; -text-indent:4; +padding-bottom:1; +text-indent:3; text-align:center; z-index:100; cursor:pointer; @@ -312,4 +316,10 @@ left:0; bottom } +#preload { + position: absolute; + left: 0px; + top: 0px; +} + .invisible { display: none !important; }
\ No newline at end of file diff --git a/static/pixelart.gif b/static/pixelart.gif Binary files differnew file mode 100644 index 0000000..cfad07f --- /dev/null +++ b/static/pixelart.gif diff --git a/static/profile.css b/static/profile.css index 0c6c71e..f3a2714 100755 --- a/static/profile.css +++ b/static/profile.css @@ -28,8 +28,8 @@ background-color:#fff; } #pnav{position:absolute; -padding-left:150; -margin-top:-10; +padding-left:270; +margin-top:0; background-position:top; font-weight:bold; margin-left:0; @@ -39,58 +39,37 @@ text-align:left; } #pnavo{ -margin-top:20; -border:1px solid #ccc; +margin-top:-18; padding:2; -width:85; +width:105; letter-spacing:-2; -text-indent:2; +text-indent:6; background-image:url(/static/grad2.png); height:32; text-transform:capitalize; - border-top-left-radius:3px; - border-top-right-radius:3px; - -webkit-border-top-left-radius:3px; - -webkit-border-top-right-radius:3px; - -moz-border-radius-topleft:3px; - -moz-border-radius-topright:3px; - border-bottom-left-radius:3px; - border-bottom-right-radius:3px; - -webkit-border-bottom-left-radius:3px; - -webkit-border-bottom-right-radius:3px; - -moz-border-radius-bottomleft:3px; - -moz-border-radius-bottomright:3px; + background-image:url(/static/upload.png); + } #pnavn{ position:absolute; -top:20; -left:285; +top:-1; +left:395; letter-spacing:-2; text-indent:5; width:96; height:32; padding:2; -border:1px solid #ccc; - background-image:url(/static/grad2.png); - border-top-left-radius:3px; - border-top-right-radius:3px; - -webkit-border-top-left-radius:3px; - -webkit-border-top-right-radius:3px; - -moz-border-radius-topleft:3px; - -moz-border-radius-topright:3px; - border-bottom-left-radius:3px; - border-bottom-right-radius:3px; - -webkit-border-bottom-left-radius:3px; - -webkit-border-bottom-right-radius:3px; - -moz-border-radius-bottomleft:3px; - -moz-border-radius-bottomright:3px; +border:1px; + background-image:url(/static/upload.png); + + } #pnav a { font-size: 30px; - color:#000; + color:#fff; text-transform:lowercase; - text-shadow: -1px 1px 0px #fff; +text-shadow: blue -2px -2px 0, red 2px 2px 0, green -6px 4px 0; } pnav a:link { text-decoration: none; @@ -103,7 +82,8 @@ a:visited { #pnav a:hover { text-decoration: none; color: #fff; - text-shadow: -1px 1px 0px #000; +text-shadow: blue 2px 2px 0, red -20px -2px 0, green 6px 4px 0; + } a:active { diff --git a/static/text.gif b/static/text.gif Binary files differindex de915d6..c6958c7 100644 --- a/static/text.gif +++ b/static/text.gif diff --git a/static/valid_html-cougar.gif b/static/valid_html-cougar.gif Binary files differnew file mode 100644 index 0000000..cb14ae4 --- /dev/null +++ b/static/valid_html-cougar.gif diff --git a/static/valid_html.gif b/static/valid_html.gif Binary files differnew file mode 100644 index 0000000..105505f --- /dev/null +++ b/static/valid_html.gif diff --git a/static/valid_html3.2.gif b/static/valid_html3.2.gif Binary files differnew file mode 100644 index 0000000..4de03e0 --- /dev/null +++ b/static/valid_html3.2.gif diff --git a/static/validator-w3-org_vh40.gif b/static/validator-w3-org_vh40.gif Binary files differnew file mode 100644 index 0000000..c5e9402 --- /dev/null +++ b/static/validator-w3-org_vh40.gif diff --git a/static/vxhtml.gif b/static/vxhtml.gif Binary files differnew file mode 100644 index 0000000..b417962 --- /dev/null +++ b/static/vxhtml.gif diff --git a/static/wowalk.gif b/static/wowalk.gif Binary files differnew file mode 100644 index 0000000..7370ec3 --- /dev/null +++ b/static/wowalk.gif diff --git a/template/banner.st b/template/banner.st index e2b816f..a857628 100755 --- a/template/banner.st +++ b/template/banner.st @@ -2,7 +2,7 @@ <div id="header7"> <div id="logoicons"> <div id="logo7"> - <div align="center"><a href="/chat" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/static/modbarover.png',1)"><img src="/static/modbar.png" name="Image2" border="0"></a></div> + <div align="center"><a href="/chat">dump.fm</a></div> <div id="strapline"><img src="/static/talkwith.png" width="179" height="53" /></div> </div> <div class="white"> diff --git a/template/browser.st b/template/browser.st index 4e99697..75e6294 100755 --- a/template/browser.st +++ b/template/browser.st @@ -14,7 +14,8 @@ var Room = $json_room_key$; var Timestamp = $timestamp$; var PostedMessages = []; - var growlize = true; + var IsAdmin = "$isadmin$"; + var growlize = true; </script> diff --git a/template/chat.st b/template/chat.st index 330a143..522a2ac 100755 --- a/template/chat.st +++ b/template/chat.st @@ -64,8 +64,8 @@ <hr /> </div> $if(user_nick)$ - <div id="msgInputDiv"> - <input id="msgInput" class="msgInput" type="input" /> + <div id="msgInputDiv"> + <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> <input id="msgSubmit" type="submit" value="Send Image URL" /> <input id="upload" value="Upload" type="submit"> @@ -74,12 +74,13 @@ </div> </div> </div> - </div> + + </div> <div id="footerc"> <p> $footer()$ <p> </div> + $preload()$ </body> - </html> diff --git a/template/footer.st b/template/footer.st index 86c983e..ae1df96 100755 --- a/template/footer.st +++ b/template/footer.st @@ -13,3 +13,5 @@ try { var pageTracker = _gat._getTracker("UA-12364576-1"); pageTracker._trackPageview(); } catch(err) {}</script> + + diff --git a/template/head.st b/template/head.st index 2d68d2b..46ce6a5 100755 --- a/template/head.st +++ b/template/head.st @@ -2,7 +2,7 @@ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <!-- <script type="text/javascript" src="/static/jquery-1.3.2.min.js"></script> --> -<script type="text/javascript" src="/static/js/underscore-min.js"></script> +<!--<script type="text/javascript" src="/static/js/underscore-min.js"></script> --> <script type="text/javascript" src="/static/js/sha1.js"></script> <script type="text/javascript" src="/static/js/pichat.js"></script> <script type="text/javascript" src="/static/js/jquery.lavalamp.js"></script> diff --git a/template/log.st b/template/log.st index abc0477..0a12550 100755 --- a/template/log.st +++ b/template/log.st @@ -28,20 +28,21 @@ $else$ No dumps! $endif$ - <div id="pnav"> - <div id="pnavo"> + <div id="pnav"> + $if(next)$ - <a href="/$roomkey$/log/$next$"><- OLD DUMPS</a> + <div id="pnavn"><a href="/$roomkey$/log/$next$">next ☞</a></div> $endif$ - </div> - <div id="pnavn"> - + + $if(prev)$ - <a href="/$roomkey$/log/$prev$">NEW DUMPS -></a> + <div id="pnavo"> <a href="/$roomkey$/log/$prev$">☜ prev</a> </div> $endif$ - <br><br> -</div></div> + + <br><br> + </div> +</div> diff --git a/template/preload.st b/template/preload.st new file mode 100644 index 0000000..ca8dbaa --- /dev/null +++ b/template/preload.st @@ -0,0 +1,3 @@ +<div id="preload"> + <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big" /> +</div>
\ No newline at end of file diff --git a/template/profile.st b/template/profile.st index e71e2bd..a735b2a 100755 --- a/template/profile.st +++ b/template/profile.st @@ -129,12 +129,12 @@ <div id="pnav"> $if(next)$ - <div id="pnavo"> <a href="/u/$nick$/$next$">☜ OLD</a> </div> + <div id="pnavn"><a href="/u/$nick$/$next$">next ☞</a></div> $endif$ $if(prev)$ - <div id="pnavn"><a href="/u/$nick$/$prev$">NEW ☞</a></div> + <div id="pnavo"> <a href="/u/$nick$/$prev$">☜ prev</a> </div> $endif$ |
