clean up index.html to fix slowness

author: timb <timb@mb.home> 2010-02-06 08:35:45 -0800
committer: timb <timb@mb.home> 2010-02-06 08:35:45 -0800
commit: d1617964be69b1f39bf614add4344cc59d544731 (patch)
tree: 7f83a3b15be2a0f30246f907717aceee54311f74
parent: b0151ef773ca09692f3b672bc756f79e2307cb12 (diff)
2 files changed, 82 insertions, 187 deletions
diff --git a/static/index.html b/static/index.html
index dd04249..e761927 100755
--- a/static/index.html
+++ b/static/index.html
@@ -1,10 +1,8 @@
-</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>
+<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 +25,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,143 +34,74 @@ 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;
-}
-.white a:active {
-	text-decoration: none;
-	text-shadow: -1px 1px 1px #ccc;
-	color: #504F61;
+body {
+	background:#EEF2FF url(/static/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+  margin:5%;
 }
-
 #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;
 }
-#info {
-	width:460px;
-	margin: 0px auto -1px auto;
-	height:372px;
-padding-top:10;
-padding-left:53;
-
-	position: relative;
-
+#logo-and-text {
+  position: relative;
+  z-index: 20;
+  padding-bottom: 20px;
 }
-#horse {
-	width:460px;
-	height:372px;
-padding-top:1;
-	position: relative;
-background:url(/static/flyhorse.gif);
-	background-position:right -10;
-	background-repeat:no-repeat;
 
+#horse {
+	position: absolute;
+	z-index: 10;
+	top: 12px;
+	left: 140px;
 }
-#babe {
 
-
-}
 #customer {
-	width:150px;
-opacity:;
-left:-90;
-padding-top:160;
-margin-top:-100;
-
-z-index:2;
-	position: absolute;
-background:url(/static/guaranteed_customer_satisfaction.gif);
-	background-repeat:no-repeat;
-
+  position: absolute;
+  left: -90px;
+  top: -85px;
+  z-index: 10;
 }
-#riskfreee {
+#info {
 	width:460px;
-opacity:;
-left:-80;
-padding-top:570;
-margin-top:-100;
+	margin: 0px auto -1px auto;
+  padding-top:10;
+  padding-left:53;
+  position: relative;
+  vertical-align: bottom;
+}
 
-	position: absolute;
-background:url(/static/guarantee_risk_free.pn);
-	background-position:fixed;
-	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;
 	
 }
@@ -191,99 +120,65 @@ 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:37px;
+  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;
 	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"><div id="customer"></div><div id="riskfree"></div>
-
-  <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="/")"><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">&nbsp;</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">&nbsp;</p>
-    <p>&nbsp;</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 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" border="0"></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>
 
-
-
 </body>
 </html>
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>
author	timb <timb@mb.home>	2010-02-06 08:35:45 -0800
committer	timb <timb@mb.home>	2010-02-06 08:35:45 -0800
commit	d1617964be69b1f39bf614add4344cc59d544731 (patch)
tree	7f83a3b15be2a0f30246f907717aceee54311f74
parent	b0151ef773ca09692f3b672bc756f79e2307cb12 (diff)