sostler prod commit

author: dumpfmprod <dumpfmprod@ubuntu.(none)> 2010-05-27 14:17:15 -0400
committer: dumpfmprod <dumpfmprod@ubuntu.(none)> 2010-05-27 14:17:15 -0400
commit: e9dcb2bc4bb1b915e02eff3823d6006b052df13d (patch)
tree: 7ce5755abc0e29a5ac0a26bfbac700980ced1a78 /static/index2.html
parent: 88a1325b9b5f1fdc90c29e985caecf9dc6429ddf (diff)
1 files changed, 462 insertions, 77 deletions
diff --git a/static/index2.html b/static/index2.html
index b9cc23f..1d05caf 100644
--- a/static/index2.html
+++ b/static/index2.html
@@ -23,10 +23,8 @@
     <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/underscore-min.js"></script>
     <script type="text/javascript" src="/static/js/sha1.js"></script>
-    <script type="text/javascript" src="/static/js/register.js"></script>
-    <script type="text/javascript" src="/static/js/cookie.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>
     <script>
       $(document).ready(initLoginForm);
@@ -55,100 +53,487 @@ 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>
 
 <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" type="text/css" href="http://dump.fm/static/css/header.css"> 
-<link rel="stylesheet" href="http://dump.fm/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>
-</head>
-<body>
+<link rel="stylesheet" href="static/css/nivo-slider.css" type="text/css" media="screen" />
+<style>
 
-<div id="rapper7">
-  <div id="header7">
-  <div id="logoicons">
-    <div id="logo7">
-  <div align="center"><a href="http://dump.fm"><img src="/static/img/calm.gif">dump.fm</a></div>
-    </div>
-    <div class="white">
-      
-      <div id="bar7">    
-        <div style="float: left;">
-          <div align="center">
+body {
+	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+}
+#rightstuff  {
+float:left;
+height:180px;
+margin-bottom:0;
+margin-left:10px;
+margin-right:0;
+margin-top:25px;
+padding:10px;
+width:380px;
+	border-radius: 15px;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
 
+}
+#leftstuff{
+float:left;
+height:200px;
+	border-radius: 15px;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+margin-bottom:0;
+margin-left:15px;	background-color:#f0f9ff;
+margin-right:0;
+margin-top:25px;
+padding-bottom:0;
+padding-left:0;
+padding-right:0;
+padding-top:0;
+width:270px;
+}
+#cloud{background-image:url(/static/img/cloud.png);position:absolute;height:320px;left:25%;top:20%;z-index:-1;
+	background-repeat:no-repeat;background-position:20% 30px;width:100%;}
+#wrapper{
+margin-bottom:0;
+margin-left:5%;
+margin-right:10%;
+margin-top:20;
+padding-bottom:0px;
+min-width:850px;
+overflow-x:hidden;
+overflow-y:hidden;
+position:relative;
+text-align:left;
+}
+#divide{width: 900px;margin: 0pt 12px 0pt 16px; padding: 0pt; no-repeat scroll 0% 0% transparent;}
+#signin{
+text-align: left;text-indent:6px;}#signinrapper{float: left; padding: 0pt; margin: 20px 0pt 0pt 10px; width: 450px; height: 220px;}
+#aboutdump{
+background-attachment:scroll;
+background-color:transparent;
+background-image:url("/static/grgrad.png");
+background-position:0 0;
+background-repeat:repeat-y;
+margin-bottom:0;
+margin-left:16px;
+margin-right:12px;
+margin-top:0;
+padding-bottom:0;
+padding-left:0;
+padding-right:0;
+padding-top:0;
+width:800px;height:520px;
+}
+#aboutl{
+float:left;
+margin-bottom:0;
+margin-left:-2;
+margin-right:0;
+margin-top:10px;
+padding-bottom:10px;
+padding-left:15px;
+padding-right:15px;
+padding-top:15px;
+width:290px;
+height:158px;
+	border-radius: 15px;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+border:1px solid #ccc;	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+}
+#aboutr{
+float: left; width: 290px;margin-top:10px;padding:10px;margin-left:10px;
 
-      <a href="http://dump.fm/log" ><img src="/static/img/log.gif"width="20px" height="20px">&#9827; Log</a>
-        <a href="http://dump.fm/$user_nick$"><img src="$user_avatar$" width="19px" height="19px" /><img src="/static/img/profile.gif"width="22px" height="22px" />&#9829; Profile</a>
-                  <a href="http://dump.fm/directory"><img src="/static/img/directory.gif"width="20px" height="20px" />&#9824; Directory</a>
-             <a href="http://dump.fm/browser"><img src="/static/img/image_draw.gif"/>&#9830; Image Search</a>
-               
+}
+#aboutcenter{float: left; width: 160px; margin: 0pt; padding: 2px 24px 2px 8px; border: 0px solid rgb(161, 191, 225);}
+#footerspace
+{
+padding-bottom:15px;
+padding-left:15px;
+padding-right:15px;
+padding-top:15px;
+}
+#footeri{
+bottom:0;
+left:-5;
+font-size:12px;
+padding:10px;
+padding-left:3%;
+font-weight:bold;
+color:#999;
+border-top:1px solid #999;
+position:fixed;
+word-spacing:15px;
+background-image:url(/static/img/blgrad.png);
+text-align:left;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #999;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #999;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 2px #999;
+width:100%;
+}
+#footeri a{color:#999;text-decoration:none;}
+.heading1{color: rgb(0, 179, 216); font-size: 20px;}
+.body1{color: rgb(0, 179, 216); font-size: 12px; margin: 0pt; padding: 5px 10px 5px 0pt; line-height: 15px;}
 
-          </div>            	    
-	  </div>
-        </div>
-      </div>
-    </div>
+#video{
+display:none;
+}
+#rapper{
+margin-top:6%;
+}
+#content{
+	background:url(/static/img/cloudbg.png);
+background-position:top center;
+	background-repeat:no-repeat;
+}
+#preload {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+}
+#bigbow{
+display:none;
+}
+#panel {
+	padding: 10px 10px 10px 10px;
+	height: 600;
+	margin: 0 auto 0 auto;
+	display: none;
+}
+.slide {	margin: 0 auto 0 auto;
+	margin: 0;
+	padding: 0;
+border-top:1px solid #ccc;
+color:black;
+}
+.btn-slide {
+	text-align: center;
+	width: 144px;	margin: 0 auto 0 auto;
+	height: 0px;
+	padding: 5px 10px 0 0;
+	margin: 0 auto;
+	display: block;
+font-size:42%;
+	text-decoration: none;
+	text-align: center;
 
-    
-    <div id="topic"></div>
-<div id="dumplist">
-    <a href="http://news.dump.fm">news</a> -  <a href="http://gossip.dump.fm">gossip</a> - <a href="http://art.dump.fm">art</a> - <a href="http://gif.dump.fm">gif</a> -  <a href="http://design.dump.fm">design</a> - <a href="http://fashion.dump.fm">fashion</a>
+width:150;
 
+}
 
-        -<a href="http://vip.dump.fm/">  VIP </a>
+.active {
+	background-position: right 12px;
+}
+#main {
+	width:460px;
+	margin: 0 auto 0 auto;
+  padding: 19px 0;
+z-index:2;
+	position: relative;
+  -webkit-border-radius: 15px;
+	-moz-border-radius: 15px;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 5px #fff;
+}
+}
+.menu2 li {
+	padding: 0;
+	margin: 0 2px;
+	float: left;
+	position: relative;
+	text-align: center;
+}
+.menu2 a {
+	padding: 14px 10px;
+	display: block;
+	color: #000000;
+	width: 144px;
+	text-decoration: none;
+	font-weight: bold;
+	background: url(images/button.gif) no-repeat center center;
+}
+.menu2 li em {
+	font-weight: normal;
+	background: url(images/hover.png) no-repeat;
+	width: 180px;
+	height: 45px;
+	position: absolute;
+	top: -85px;
+	left: -15px;
+	text-align: center;
+	padding: 20px 12px 10px;
+	font-style: normal;
+	z-index: 2;
+	display: none;
+}
+#logo-and-text {
+  position: relative;
+  z-index: 20;
+  padding-bottom: 20px;
+}
 
-      </div>
+#horse {
+	position: absolute;
+	z-index: 10;
+	top:-39px;
+	left: 140px;
+}
+#remember{
+
+}
+#furie1 {
+  position: absolute;
+  left: -250px;
+  top: 130px;
+  z-index:-1;display:block;
+
+}
+#furie2 {
+  position: absolute;
+  left:330px;
+  top: 185px;
+  z-index:-1;
+display:block;
+
+}
+#info {
+	width:420px;
+	margin:30px auto -1px auto;
+opacity:0.9;
+z-index:4500;
+  vertical-align: bottom;
+	text-align:center;
+	width:100%;
+	bottom:0px;
+margin-left:-9px;
+	font-size:11px;
+word-spacing:6px;
+line-height:2;	color: #666;
+}
+
+#info a{
+color:#666;
+text-decoration:none;
+}
+#info a:hover{
+color:#f0e;
+text-decoration:none;
+}
+#dumpednow{
+position:absolute;
+height:50px;
+width:420px;
+top:0px;
+}
+
+p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 24px;
+}
+
+.btnav {  border: 0px #000 solid;} 
+
+.submit {
+	
+	text-shadow: -1px 1px 1px #ccc;
+	font-size:15px;
+  z-index: 11;
+}
+#submit{
+cursor:pointer;
+	display:inline-block;
+	width:300px;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+ margin-top:12px;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	text-shadow:1px 1px 3px #000;
 
-          <div id="logout7" class="white">   
-      <div align="center"> <a href="/logout"> Logout</a>       </div>
+z-index:20;
+	-moz-border-radius: 5px;*/
+}
+input {
+	height:40px;
+	width:240px;
+	border:0px;
+	background:#e9e9e9;
+	margin:5px;
+	color:#000;z-index:20;
+	font-size:30px;
+	
+}
 
-      
-    </div>
-    <div align="center"><br /></div>
-    
-  </div>
+.txt {
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:14px;
+line-height:1.2;z-index:20;
+	word-spacing: 3px;
+}
+	.line {
+	font-family:Arial, Helvetica, sans-serif;
+	letter-spacing:0px;
+line-height:-1;
+	color:#000;z-index:20;
+	font-size:17px;
+}
+
+.no-cursor { cursor: none; }
+.invisible { display: none !important; }
+#cursor-big { position: absolute; z-index: 1000; }
+
+#signin-submit {
+	display:inline-block;
+	width:135px;
+  height:33px;float:left;
+  font-size:20px;
+  background-image:url(/static/img/btngrad1.png);
+  font-weight:bold;
+  word-spacing:7;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	text-shadow:1px 1px 3px #000;
+z-index:20;border:1px solid #999;
+}
+
+#register-submit {
+	display:inline-block;
+	width:130px;float:right;
+  height:33px;
+  font-size:20px;
+  background-image:url(/static/img/ylgrad.png);
+  font-weight:bold;
+  word-spacing:7;
+	text-align:center;
+	z-index:100;
+	font-size:16px;
+	color:#fff;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	text-shadow:1px 1px 3px #000;
+z-index:20;border:1px solid #999;
+}
+#remembermeInput {
+ width: 15px;
+ height: 15px;
+ margin: 1px;
+}
+
+label {
+ display:inline-block;
+ font-size: 11px;
+ color: #222;
+margin-bottom:4px;
+}
+#remember{margin-top:4px;z-index:30;text-align: right;float:left;}
+#remember a{text-decoration:none;font-size:11px;z-index:30;}
+#furie3 {
+  position: absolute;
+  left:294px;
+  top:260px;
+  z-index: 10;
+
+}
+#adsense{
+padding-top:20px;margin: 0 auto 0 auto;
+}
+/*
+ * jQuery Nivo Slider v1.9
+ * http://nivo.dev7studios.com
+ *
+ * Copyright 2010, Gilbert Pellegrom
+ * Free to use and abuse under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * March 2010
+ */
+#talkaboutus{
+position:relative;
+z-index:20;
+top:-30px;
+height:0px;
+	margin: 0 auto 0 auto;
+}
+
+#slider {
+	position:relative;
+z-index:20;
+	//See the "style-pack" below for image
+	background:url(images/loading.gif) no-repeat 50% 50%; 
+}
+#slider img {
+	position:absolute;
+	top:0px;
+	left:0px;
+	display:none;
+}
+</style>
+<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>
+</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>
 
+<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="main" align="center">
   
   <img src="/static/img/flyhorse.gif" id="horse" />
-
-  <div id="passwordreset">
-        <div align="center">
-        <label style="text-align:left;margin-bottom:-8px;">username</label>
-          <input type="text" class="field"id="nickInput" />
-          <br>
-          
-           <label style="text-align:left;margin-bottom:-8px;">password</label>
-          <input type="password" class="field" id="passwordInput" />
-          <br>
-           <label style="text-align:left;margin-bottom:-8px;">password2x</label>
-          <input type="password" class="field" id="passwordInput2" />
-      
-        <label style="text-align:left;margin-bottom:-8px;">email</label>
-          <input type="text" class="field"id="emailInput" />
-        </h1>
-
-                           </form>
-         
-        <br>
-           
-       
-         <div align="center">                  
-           <input type="submit" class="submit" id="submit" value="Register!" />
-        </div>
+  <div id="registerbox">
+    <div id="logo-and-text">
+      <a href="/"><img src="/static/img/dumpclearlogo2.png"></a>
+     
       </div>
-    </div>
-  <img src="/static/img/furie1.png" id="furie1" />
-  <img src="/static/img/furie2.png" id="furie2" />
-  </div>
+  <div id="leftstuff"><div id="signinrapper"><div id="signin"><p class="memebertxt">Already a member?</p></div>
+  <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!" />
+    <div id="remember"><label>
+        <input checked="checked" type="checkbox" name="rememberme" id="remembermeInput" />
+        Remember Me
+    </label>
+  <br>
+  <a href="/reset-request">Lost password?</a><br>
+</div>
+</div></div>
 </div>
 
 <div id="info">
@@ -159,16 +544,16 @@ jQuery(window).load(function() {
  <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">
 @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>
author	dumpfmprod <dumpfmprod@ubuntu.(none)>	2010-05-27 14:17:15 -0400
committer	dumpfmprod <dumpfmprod@ubuntu.(none)>	2010-05-27 14:17:15 -0400
commit	e9dcb2bc4bb1b915e02eff3823d6006b052df13d (patch)
tree	7ce5755abc0e29a5ac0a26bfbac700980ced1a78 /static/index2.html
parent	88a1325b9b5f1fdc90c29e985caecf9dc6429ddf (diff)