diff options
Diffstat (limited to 'static/index.html')
| -rw-r--r--[-rwxr-xr-x] | static/index.html | 348 |
1 files changed, 272 insertions, 76 deletions
diff --git a/static/index.html b/static/index.html index bcf44c9..a62c761 100755..100644 --- a/static/index.html +++ b/static/index.html @@ -1,31 +1,14 @@ -<!--/* - - _____ ___ ___ ___ ___ ___ - / /::\ /__/\ /__/\ / /\ / /\ /__/\ - / /:/\:\ \ \:\ | |::\ / /::\ / /:/_ | |::\ - / /:/ \:\ \ \:\ | |:|:\ / /:/\:\ / /:/ /\ | |:|:\ - /__/:/ \__\:| ___ \ \:\ __|__|:|\:\ / /:/~/:/ / /:/ /:/ __|__|:|\:\ - \ \:\ / /:/ /__/\ \__\:\ /__/::::| \:\ /__/:/ /:/ /__/:/ /:/ /__/::::| \:\ - \ \:\ /:/ \ \:\ / /:/ \ \:\~~\__\/ \ \:\/:/ \ \:\/:/ \ \:\~~\__\/ - \ \:\/:/ \ \:\ /:/ \ \:\ \ \::/ \ \::/ \ \:\ - \ \::/ \ \:\/:/ \ \:\ \ \:\ \ \:\ \ \:\ - \__\/ \ \::/ \ \:\ \ \:\ \ \:\ \ \:\ - \__\/ \__\/ \__\/ \__\/ \__\/ - -(c)2010 dump.fm --> - - -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> - <head> - <title>dump.fm</title> +<head> + <title>dump.fm</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> <META NAME="description" CONTENT="Talk with pictures!"> <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 type="text/javascript" src="/static/js/jquery.nivo.slider.pack.js"></script> + <link rel="shortcut icon" href="/static/favicon.ico"> + <script src="/static/js/loopedslider.js" type="text/javascript" charset="utf-8"></script> <script> $(document).ready(initLoginForm); </script> @@ -53,49 +36,281 @@ jQuery(window).load(function() { }); }); </script> -<script type="text/javascript"> -$(document).ready(function() { - jQuery(".btn-slide").click(function() { - jQuery("#panel").slideToggle("slow"); - jQuery(this).toggleClass("active"); return false; - }); -}); -</script> +<style> + + +body{margin:0px; +background-color:#fff; + font-family:Arial, Helvetica, sans-serif; background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x; +} +A:link {text-decoration: none} +A:visited {text-decoration: none} +A:active {text-decoration: none} +#rapper{ +width:800px; + margin: 0 auto 0 auto; + +background-position:top center; + background-repeat:no-repeat; + box-shadow: 0 0 10px #000; + -webkit-box-shadow: 0 0 10px #000; + -moz-box-shadow: 0 0 10px #000; +} +#toplogo{ +top:0px; +width:800px; +background-image:url(/static/img/blue2fade.png); +} +#bottomcontainer{ +width:800px; + +} +#signin{ +background-color:#eff5fb; +float:right; +width:201px; +height:225px; +top:0px; +padding:15px; +padding-top:10px; +font-size:10px; +text-indent:5px; +border:1px solid #000;border-right:0px solid #000; + +} +#membertxt{ +background-color:#fff; +padding:5px; +border:1px solid black; +margin-top:-22px; +z-index:5; +width:100; +} + +#wtftxt{ +background-color:#fff; +padding:5px; +padding-left:15px; +padding-right:15px; +font-size:24px; +border:1px solid black; +margin-top:-56px; +z-index:5; +float:left; +background-image:url(/static/img/ylgrad.png); +} +#previewdump{ +background-color:#fff; +padding:5px; +padding-left:15px; +padding-right:15px; +font-size:16px; +border:1px solid #ccc; +margin-top:-300px; +z-index:5; +float:right; +margin-right:-210px; + 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; +background-image:url(/static/img/grgrad.png); +} +#previewdump a:hover{ +color:#000000; +} +input { + height:40px; + width:190px; +float:right; +padding-left:2px; + border:0px; +border:1px solid #000; + margin:5px; + color:#000;z-index:20; + font-size:20px; + +} +.no-cursor { cursor: none; } +.invisible { display: none !important; } +#cursor-big { position: absolute; z-index: 1000; } + +label { + display:inline-block; + font-size: 13px; + color: #222; +float:right; +margin-bottom:4px; +} +#signin-submit { + display:inline-block; + + height:33px;float:left; + font-size:20px; +width:190px; + font-weight:bold; + word-spacing:7; + text-align:center; + z-index:100; + font-size:16px; + color:#000; +float:right; +border:1px solid #000; + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + +z-index:20; +} +#remember{ +float:right;padding-top:5px; +top:0px;display:block; +margin-right:5px; +} +#remember a{text-decoration:none;font-size:11px;float:right;} +#remembermeInput { + width: 15px; + height: 15px; + margin: 1px; +} +#wtf{ +float:left; +width:538px; +position:absolute; +border:1px solid #000; +border-left:0px solid #000; +padding:15px; +height:220px; +background-color:#eff5fb; +} +#toptxt{ +padding:10px; +text-align:center; +} +#lilflag{ +background-image:url(/static/img/lilflag.png); +width: 173px; height: 59px; +top:15px; +padding-left:20px; +position:absolute; +color:#fff; +padding-top:1px; +text-align:left; +word-spacing:8px;padding-right:10px; +font-size:19px; +margin-left:-13px;text-decoration:none; +} +#lilflag a:link { +text-decoration:none; +} +#footer{ +padding-bottom:5px; +padding-top:15px; +text-align: center; +color:#000; +font-size:11px; +word-spacing:30px; + margin: 0 auto 0 auto; +background-color:#eff5fb; +margin-top:250px; +width:798px; +} +#bottomrow img{ +background-image:url(/static/img/grgrad.png); + border-radius: 15px; +border:5px solid #ccc; +padding:5px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; +} +#footer a{color:#000;text-decoration:none;} + + + + /* + * Required + */ + .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } + .slides { position:absolute; top:0; left:0; } + .slides div { position:absolute; top:0; width:538px; display:none; } + /* + * Optional + */ -<link rel="stylesheet" type="text/css" href="http://dump.fm/static/css/reset.css"> -<link rel="stylesheet" type="text/css" href="http://dump.fm/static/css/index.css"> -<link rel="stylesheet" href="static/css/nivo-slider.css" type="text/css" media="screen" /> -<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> + blockquote, q { quotes: none; } + :focus { outline: 0; } + ins { text-decoration: none; } + del { text-decoration: line-through; } + table { border-collapse: collapse; border-spacing: 0; } + #loopedSlider {width:610px; position:relative; clear:both; } + ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; } + ul.pagination li { float:left; margin:0 5px;display:none; } + ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;} + + +</style> </head> <body> -<div id="panel"> -<center><object width="460" height="345"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10819709&server=vimeo.com&show_title=0&show_byline=0&autoplay=1&show_portrait=0&color=ffffff&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10819709&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&autoplay=1&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="460" height="345"></embed></object></center> +<div id="rapper"> +<div id="toplogo"> +<img src="/static/img/dumppixellarge.png"> +<div id="lilflag"> +HOME OF THE SLOTHGOTH!!!!! +</div> </div> -<p class="slide"><a href="#" class="btn-slide">watch a lil movie</a> -<div id="rapper"></div><div id="idgi"></div> -<div id="content" style="z-index:77;"> +<div id="bottomcontainer"> +<div id="wtf"> +<a href="/register"><div id="wtftxt"> +Click here to Register! +</div> +<a href="/chat"><div id="previewdump"> +preview dump.fm! +</div> +</a> +<div id="loopedSlider"> + <div class="container"> + <div style="width: 2152px; left: 0px;" class="slides"> + <div style="position: absolute; left: 0px; display: block;"><img +src="/static/img/slide1.png" alt="dump.fm" width="538px" +height="205"></div> + <div style="position: absolute; left: 538px; display: block;"><img +src="/static/img/slide2.png" alt="dump.fm" width="538px" +height="205"></div> + <div style="position: absolute; left: 1076px; display: block;"><img +src="/static/img/slide3.png" alt="dump.fm" width="538px" +height="205"></div> + <div style="position: absolute; left: 1614px; display: block;"><img +src="/static/img/slide4.png" alt="dump.fm" width="538px" +height="205"></div> + </div> + </div> + + <ul class="pagination"> + <li class=" "><a rel="1" href="#">1</a></li> + <li class=" "><a rel="2" href="#">2</a></li> + <li class=" "><a rel="3" href="#">3</a></li> + <li class=" active"><a rel="4" href="#">4</a></li> + </ul> +</div> +<script type="text/javascript" charset="utf-8"> + jQuery(function(){ + jQuery('#loopedSlider').loopedSlider(); + }); +</script> -<div id="main" align="center"> - - <img src="/static/img/flyhorse.gif" id="horse" /> -<img src="/static/img/bigbow.png" id="bigbow" /> - <div id="registerbox"> - <div id="logo-and-text"> - <a href="/"><img src="/static/img/dumpclearlogo2.png"></a> - <div align="center"> - <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br> - </div> - </div> - </div> - <input type="text" id="nickInput" size="17" /><br> +</div> + +<div id="signin"> +<div id="membertxt">Already a member?</div><br><br> + <input type="text" id="nickInput" size="17" /><br> <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible"> <input type="password" id="passwordInput" size="17" /><br /> - <input id="signin-submit" value="Sign In" /> + <input id="signin-submit" value="Sign In!" /> <div id="remember"><label> <input checked="checked" type="checkbox" name="rememberme" id="remembermeInput" /> Remember Me @@ -103,33 +318,14 @@ $(document).ready(function() { <br> <a href="/reset-request">Lost password?</a><br> </div> - <img src="/static/img/furie1.png" id="furie1" /> - <img src="/static/img/furie2.png" id="furie2" /> - </div> - </div> - -<div id="info"> - - <br> - <div id="talkaboutus"> -<div id="slider" style="display:none;"> - <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> - <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> - </div> - - <div id="footer" style="text-align: center"> +</div> + <div id="footer"> @2010 <a href="/">dump.fm</a> <a href="/about_us"><span style="word-spacing:normal;">About Us</span></a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a></div> </div> -<br><br> -</div> -</div> -<div id="preload"> - <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big"> -</div> <div id="preload"> @@ -146,5 +342,5 @@ $(document).ready(function() { pageTracker._trackPageview(); } catch(err) {} </script> - </body> +</body> </html> |