summaryrefslogtreecommitdiff
path: root/static/index.html
diff options
context:
space:
mode:
authordumpfmprod <dumpfmprod@ubuntu.(none)>2010-06-05 04:05:57 -0400
committerdumpfmprod <dumpfmprod@ubuntu.(none)>2010-06-05 04:05:57 -0400
commitadaf759270d7222a4879a7e3adba2713dc86d8ad (patch)
tree0cd651184af919785e9000fe9a4f3c4f905fd14c /static/index.html
parent758c6d3e56ad4bb4e91a3be1b907c1511d7d677b (diff)
sostler prod commit
Diffstat (limited to 'static/index.html')
-rw-r--r--[-rwxr-xr-x]static/index.html348
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&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;autoplay=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10819709&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;autoplay=1&amp;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>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 12:06:21 +0000