New design

author: Scott Ostler <sostler@ubuntu.(none)> 2009-12-15 22:09:02 -0500
committer: Scott Ostler <sostler@ubuntu.(none)> 2009-12-15 22:09:02 -0500
commit: 5a8312ca25868679df1acb3b3fc208482460ee0e (patch)
tree: ea10033604aad870d3eb1fe849a47999919d7164 /template
parent: 3e3015be26c5d73a864a693e9694b5dee26e8a31 (diff)
4 files changed, 231 insertions, 85 deletions
diff --git a/template/chat.st b/template/chat.st
index eb4ed1c..3a8f79f 100755
--- a/template/chat.st
+++ b/template/chat.st
@@ -1,34 +1,30 @@
 <html>
   <head>
     <title>dump.fm</title>
-    <link rel="stylesheet" type="text/css" href="static/reset.css">
-    <link rel="stylesheet" type="text/css" href="static/pichat.css">
-    <link rel="stylesheet" type="text/css" href="static/style.css">
-    <link rel="shortcut icon" href="static/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="/static/reset.css">
+    <link rel="stylesheet" type="text/css" href="/static/pichat.css">
+
+    <link rel="shortcut icon" href="/static/favicon.ico">
     <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/pichat.js"></script>
+    <script type="text/javascript" src="/static/sha1.js"></script>
+    <script type="text/javascript" src="/static/pichat.js"></script>
     <script>
       jQuery(document).ready(initChat);
       var Nick = $json_user_nick$;
     </script>   
   </head>
-  <body>
+
+<body>
     
-    <div style="z-index: 100;">
+
     $header()$
-    </div>
 
+<div id="chatrap"><div id="logc">
     <div id="content">
-      <div id="chatbox">
-        <div id="messagetabs">
-          <div align="right"><a href="log.h"><img src="static/log4.png" width="97" height="39"></a></div>
-        </div>
+
+        <div id="messagetabs"></div>
         <div id="rapper">
-          <div id="userListicon">
-            <div align="left">
-              <p>UsrLst</p>
-            </div>
+            <div id="loghead"></div>
           </div>
           <div id="userList">
             $users: { u |
@@ -53,16 +49,19 @@
             $endif$
           </div>
         </div>
+        
       </div>
     </div>
-    
-    <div id="lillogo" align="center">
-      <div align="center">
-        <div id="binfo">
-          <p>dump.fm lets you talk with pictures.  beta 0.0127! <img src="static/lillogo.png" width="16" height="16"></p>
-        </div>
+    </div>
+
       </div>
+   
     </div>
-    $footer()$
+        <div id="footerc">
+       <p>
+       $footer()$</p>
+       <p>
+       </p>
+     </div>
   </body>
 </html>
diff --git a/template/header.st b/template/header.st
index 4d45ffa..00dcba5 100755
--- a/template/header.st
+++ b/template/header.st
@@ -1,13 +1,133 @@
-<div id="header">
-  <a href="/"><img src="/static/dddump.png" height="50" /></a>
-  <div style="float: right;">
-    $if(user_nick)$
-        <span>Hi, $user_nick$</span>&nbsp;&nbsp;&nbsp; 
-        <a href="/u/$user_nick$">HOME</a> |
-    $else$ <a href="/">Login</a> |
+<head>
+    <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;
+	
+	color: #D9D9D9;
+}
+.white a:visited {
+	text-decoration: none;
+	
+	color: #D9D9D9;
+}
+.white a:hover {
+	text-decoration: none;
+	text-shadow: -1px 1px 1px #ccc;
+	
+	
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	
+	
+	color: #D9D9D9;
+}
+#header7{
+	background-image:url(/static/dblue2.png);
+	background-attachment:inherit;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 69px;
+}
+#bar7{
+	top:31px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	width: 500px;
+	font-size: 20px;
+	left: 150px;
+	margin-left: 11%;
+	margin-right: 8%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:12px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: normal;
+}
+#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;
+}
+p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
+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-position:center;
+	 z-index:0;
+	
+}
+
+
+-->
+</style>
+
+<body>
+<div id="rapper7">
+<div id="header7">
+
+ 
+
+
+      <div id="logo7">
+        <div align="center"><img src="http://www.dump.fm/static/wordlogo2.gif" width="155" height="73"></div>
+    </div>
+    <div class="white">
+
+      <div id="bar7">
+        <div style="float: left;">
+          <div align="center">$if(user_nick)$&nbsp; 
+            <a href="/u/$user_nick$">Home</a> |
+    $else$ <a href="/register">Join</a> |
     $endif$
     <a href="/chat">Room A</a>
-    $if(user_nick)$ | <a href="/logout">Logout</a>$endif$
-  </div>
+    $if(user_nick)$ $endif$
+          | Extras | Discover</div>
+        </div>
+    </div>
 </div>
-<hr />
+  <div id="logout7" class="white">    
+     <div align="center">$if(user_nick)$ <a href="/logout">Logout</a> $else$ <a href="/" class="btnav">Log In</a>$endif$
+     </div>
+   </div>
+    <div align="center"><br />
+    </div>
+</div>
+</div>
+</div>
+
+</body>
+\ No newline at end of file
diff --git a/template/logged_dump.st b/template/logged_dump.st
index 51b67c6..706f24b 100755
--- a/template/logged_dump.st
+++ b/template/logged_dump.st
@@ -1,8 +1,38 @@
+  <style type="text/css">
+  
+      .logged-dump {
+img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+      }
+	    .content {
+img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+      }
+	
+img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+    body {
+	background-image: url(static/bg4.png);
+}
+    body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+}
+    </style>
 <div class="logged-dump">
-  $if(dump.avatar)$
-      <img class="dump-avatar" src="$dump.avatar$" width="75" height="75">
-  $endif$
-  <div><b>$dump.nick$</b> -- $dump.created_on$</div>
+
+  <div>$dump.created_on$</div>
   <div class="content">$dump.content$</div>
   <hr />
 </div>
diff --git a/template/profile.st b/template/profile.st
index 034c648..d0c3edd 100755..100644
--- a/template/profile.st
+++ b/template/profile.st
@@ -1,48 +1,26 @@
 <html>
-  <head>
-    <title>$nick$ | PERSONAL DUMP LOG</title>
-    <link rel="shortcut icon" href="static/favicon.ico">
+<head>
+    <title>$nick$'s dump.fm</title>
+    <link rel="shortcut icon" href="/static/favicon.ico">
+        <link rel="stylesheet" type="text/css" href="/static/profile.css">
     <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/pichat.js"></script>
-    <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script>
+        <script type="text/javascript" src="/static/background.js"></script>
+<script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script>
     <style type="text/css">
-      #profile {
-          float: right; 
-          border: 1px solid black;
-          padding: 10px;
-          width: 25%;
-      }
-
-      .editable {
-         color: #0AA;
-      }
-      .editing {
-         color: #F0F;
-      }
-      div#avatar {
-          overflow: hidden;
-          text-overflow: ellipsis;
-      }
-
-      img#avatarPic {
-         max-height:250px;
-      }
-
-      #logged-dump {
-          border: 1px solid dotted;
-          padding: 5px;
-      }
-
+  
     </style>
-    <script>
+<script>
       jQuery(document).ready(initProfile);
     </script>
-  </head>
-  <body>
+<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head>
+<body>
     $header()$
-    <h1>$nick$ | PERSONAL DUMP LOG</h1>
+<div id="chatrap">
+
 
     <div id="profile">
+   
       <h2>$nick$</h2>
 
       $if(avatar)$
@@ -55,26 +33,45 @@
       <div id="avatar" class="editable">$avatar$</div>
       $endif$
 
-      <h3>Contact:</h3>
+      <h3>contact info</h3>
       <div id="contact" $if(is_home)$class="editable"$endif$>$contact$</div>
       <br>
 
-      <h3>Bio:</h3>
+      <h3>personal info</h3>
       <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div>
       <br>
     </div>
 
-    <div id="log">
-      <h2>Log</h2>
-
-      $if(dumps)$
+  <div id="log">
+    <div id="loghead">
+ $nick$'s log
+    </div><div id="posts">
+      <hr align="left" width="70%">
+      <p>&nbsp;</p>
+      <p>$if(dumps)$
           $dumps:{ d | $logged_dump(dump=d)$ }$
-      $else$
-          <h3>No dumps yet!</h3>
-      $endif$
-
+      $else$ </p>
+<h3>This is your user log, its where all the images you post are saved. <br>
+  To get started join <a href="/chat">Room A</a> and post a few pictures.</h3>
+      <p>$endif$ </p>
+      <p>&nbsp;</p>
+      <hr align="left" width="70%">
+      <p>&nbsp;</p>
+      <p><img
+  src="broken.png"
+  onerror="this.style.display='none'"
+/></p>
     </div>
+</div>
+          <div id="footer">
+       <p>
+       $footer()$</p>
+       <p>
+       </p>
+</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>
 
-    $footer()$
-  </body>
+</body>
 </html>
author	Scott Ostler <sostler@ubuntu.(none)>	2009-12-15 22:09:02 -0500
committer	Scott Ostler <sostler@ubuntu.(none)>	2009-12-15 22:09:02 -0500
commit	5a8312ca25868679df1acb3b3fc208482460ee0e (patch)
tree	ea10033604aad870d3eb1fe849a47999919d7164 /template
parent	3e3015be26c5d73a864a693e9694b5dee26e8a31 (diff)