summaryrefslogtreecommitdiff
path: root/static/index.html
diff options
context:
space:
mode:
authorScott Ostler <sostler@ubuntu.(none)>2009-12-15 22:09:02 -0500
committerScott Ostler <sostler@ubuntu.(none)>2009-12-15 22:09:02 -0500
commit5a8312ca25868679df1acb3b3fc208482460ee0e (patch)
treeea10033604aad870d3eb1fe849a47999919d7164 /static/index.html
parent3e3015be26c5d73a864a693e9694b5dee26e8a31 (diff)
New design
Diffstat (limited to 'static/index.html')
-rw-r--r--[-rwxr-xr-x]static/index.html310
1 files changed, 219 insertions, 91 deletions
diff --git a/static/index.html b/static/index.html
index 1daa65f..fb5224e 100755..100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,99 +1,227 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>dump.fm</title>
- <link rel="stylesheet" type="text/css" href="static/main2.css" />
- <link rel="shortcut icon" href="static/favicon.ico" />
+<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="static/sha1.js"></script>
<script type="text/javascript" src="static/home.js"></script>
+ <script type="text/javascript" src="static/background.js"></script>
<script>
$(document).ready(initHome);
- </script>
- <style type="text/css">
- <!--
- a:link {
- text-decoration: none;
-
- }
- a:visited {
- text-decoration: none;
- border: 0px;
- }
- a:hover {
- text-decoration: none;
- border: 0px;
- }
- a:active {
- text-decoration: none;
- border: 0px;
- }
- img{border: 0px;}
- #apDiv7 {
- position:absolute;
- left:151px;
- top:-106px;
- width:351px;
- height:66px;
- z-index:4;
- font-weight: bold;
- line-height: 18px;
- font-size: 14px;
- }
- #apDiv8 {
- position:absolute;
- left:964px;
- top:131px;
- width:416px;
- height:140px;
- z-index:4;
- }
- -->
- </style>
- </head>
- <body>
- <div id="header">
- <div id="apDiv2">
+ </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"></head>
+<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;
+}
+#header7{
+ background-color:#666;
+ background-image:url(/static/dblue2.png);
+ background-attachment:fixed;
+ margin: 0px auto -1px auto;
+ top: 0px;
+ width:100%;
+ left: 0px;
+ height: 60px;
+}
+#bar7{
+ top:32px;
+ position:absolute;
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ width: 500px;
+ font-size: 20px;
+ left: 170px;
+ margin-left: 10%;
+ margin-right: 8%;
+ letter-spacing: -1px;
+ z-index: 999;
+}
+#main {
+ background-position:center;
+ width:500px;
+ margin: 0px auto -1px auto;
+ top:150px;
+ height:380px;
+ z-index:2;
+ opacity:0.9;
+ border-top-left-radius:10px;
+ border-top-right-radius:10px;
+ -webkit-border-top-left-radius:10px;
+ -webkit-border-top-right-radius:10px;
+ -moz-border-radius-topleft:10px;
+ -moz-border-radius-topright:10px;
+ border-bottom-left-radius:10px;
+ border-bottom-right-radius:10px;
+ -webkit-border-bottom-left-radius:10px;
+ -webkit-border-bottom-right-radius:10px;
+ -moz-border-radius-bottomleft:10px;
+ -moz-border-radius-bottomright:10px;
+ border:solid 4px #F5F5F5;
+ position: relative;
+ background-color: #FFF;
+ background-position:center;
+ background-repeat:no-repeat;
+}
+#logout7{
+ top:5px;
+ position:relative;
+ font-size:13px;
+ margin-right: 10px;
+ float:right;
+ z-index: 999;
+ font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+ top:20px;
+ margin-left: 10%;
+ margin-right: 10%;
+ z-index:1000;
+ float:left;
+}
+#rapper7{
+ top: 0px;
+ left:0px;
+ position:absolute;
+ width: 100%;
+ height: 78px;
+ z-index: 1000;
+}
+#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-color:#e3e3e3;
+
+ background-image:url(static/brokenlink.gif);
+ background-position:center;
+
+ background-repeat:no-repeat;
+ overflow:hidden;
+}
+.submit {
+
+
+ text-shadow: -1px 1px 1px #ccc;
+
+ font-size:15px;
+}
+.feild {
+ height:40px;
+ width:300px;
+ border:3px #ccc;
+ background:#e3e3e3;
+ margin:10px;
+ font-size:30px;
+}
+.txt {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size:12px;
+ text-shadow: -1px 1px 1px #ccc;
+}
+ .line {
+ font-family:Arial, Helvetica, sans-serif;
+
+ letter-spacing: -1px;
+ color:#000;
+ font-size:18px;
+
+}
+
+
+-->
+</style>
+
+<body>
+<div id="rapper7">
+<div id="header7">
+
+ <div id="bottombar"></div>
+
+
+
<div align="center">
- <img src="static/dfm.png" width="384" height="136" /><br />
- <div id="about">
- <p align="left"><a href="getstarted">
- <img src="static/getstarted.gif" width="262" height="94" /></a></p>
- <p align="left"><br />
- </p>
- </div>
- <div id="txt">
- <div align="right">Talk with pictures.</div>
- </div>
- <div id="signin">
- <div align="right">
- <div id="registerbox">
- <h1>Sign In!<br />
- <span>Nickname</span>
- <input type="text" id="nickInput" size="17" />
- <br />
- <span>Password</span>
- <input type="password" id="passwordInput" size="17" />
- <br />
- <input type="submit" id="loginSubmit" value="YEAH!!!" />
- </h1>
- </div>
- </div>
- </div>
- <div class="info" id="info">
- <div align="center" class="info"> © 2009 dump.fm
- * About Us
- * Contact
- * Blog
- * Goodies
- * Help
- * Terms
- * Privacy
- </div>
- </div>
+ <p><img src="static/wordlogo2.gif" width="500" height="239"><br>
+ </p>
</div>
+
+ <div class="white"></div>
+ <div align="center"><br />
+ </div>
+</div>
+</div>
+</div>
+<div id="main" align="center">
+
+ <p align="center"><br />
+ </p>
+ <div id="registerbox">
+ <p align="right" class="line">&nbsp;</p>
+ <p align="right" class="line">&nbsp;</p>
+ <p align="center" class="line">Talk with pictures. </p>
+ <h1 align="center">&nbsp;</h1>
+ <h1 align="center"><br />
+ u
+ <input type="text" class="feild"id="nickInput" size="17" />
+ <br />
+ p
+ <input type="password" class="feild" id="passwordInput" size="17" />
+ </h1>
+ <h1 align="center"> <br />
+ <input type="submit" class="submit" id="loginSubmit" value="Log In" />
+ </h1>
+ <p align="center">&nbsp;</p>
+ <p>&nbsp;</p>
+ <div align="right" class="txt">
+ <div align="center"><span class="txt"><a href="http://dump.fm/register" class="txt">Register</a></span></div>
+ </div>
+ <div align="center"></div>
+ </div>
+</div>
</div></div>
- <br />
- </body>
-</html>
+
+</div>
+ </h1>
+ </div>
+</div>
+
+<div style="position: fixed; bottom: 3px; right: 3px; font-size: xx-small; z-index: 10;"><button onclick="getBackground()" title="Rotate background image" style="font-size: xx-small;">+</button></div>
+
+</body> \ No newline at end of file