diff options
Diffstat (limited to 'static/about.html')
| -rwxr-xr-x | static/about.html | 275 |
1 files changed, 216 insertions, 59 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> |