5 files changed, 170 insertions, 0 deletions
diff --git a/template/chat.st b/template/chat.st
new file mode 100755
index 0000000..eb4ed1c
--- /dev/null
+++ b/template/chat.st
@@ -0,0 +1,68 @@
+<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">
+    <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>
+      jQuery(document).ready(initChat);
+      var Nick = $json_user_nick$;
+    </script>   
+  </head>
+  <body>
+    
+    <div style="z-index: 100;">
+    $header()$
+    </div>
+
+    <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="rapper">
+          <div id="userListicon">
+            <div align="left">
+              <p>UsrLst</p>
+            </div>
+          </div>
+          <div id="userList">
+            $users: { u |
+            <div>$u$</div>
+            }$
+          </div>
+          
+          <div id="messagePane">
+            <div id="messageList">
+              $messages: { m |
+                  <div class="msgDiv oldmsg"><b>$m.nick$: </b>
+                    <span class="content">$m.content$<span></div>
+              }$
+              <hr />
+            </div>
+            $if(user_nick)$
+            <div id="msgInputDiv">
+              <input id="msgInput" type="input" />
+              <input id="msgSubmit" type="submit" value="Send Image URL"
+                      />
+            </div>
+            $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>
+    $footer()$
+  </body>
+</html>
diff --git a/template/footer.st b/template/footer.st
new file mode 100755
index 0000000..0535ed6
--- /dev/null
+++ b/template/footer.st
@@ -0,0 +1,3 @@
+<div id="footer" style="text-align: center">
+  <span>@2009 dump.fm</span>
+</div>
diff --git a/template/header.st b/template/header.st
new file mode 100755
index 0000000..4d45ffa
--- /dev/null
+++ b/template/header.st
@@ -0,0 +1,13 @@
+<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> |
+    $endif$
+    <a href="/chat">Room A</a>
+    $if(user_nick)$ | <a href="/logout">Logout</a>$endif$
+  </div>
+</div>
+<hr />
diff --git a/template/logged_dump.st b/template/logged_dump.st
new file mode 100755
index 0000000..3131aaf
--- /dev/null
+++ b/template/logged_dump.st
@@ -0,0 +1,6 @@
+<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.content$</div>
+  <hr />
+</div>
diff --git a/template/profile.st b/template/profile.st
new file mode 100755
index 0000000..034c648
--- /dev/null
+++ b/template/profile.st
@@ -0,0 +1,80 @@
+<html>
+  <head>
+    <title>$nick$ | PERSONAL DUMP LOG</title>
+    <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/pichat.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>
+      jQuery(document).ready(initProfile);
+    </script>
+  </head>
+  <body>
+    $header()$
+    <h1>$nick$ | PERSONAL DUMP LOG</h1>
+
+    <div id="profile">
+      <h2>$nick$</h2>
+
+      $if(avatar)$
+      <img id="avatarPic" src="$avatar$" width="150px"/>
+      $else$
+      <b id="avatarPic">No avatar</b>
+      $endif$
+
+      $if(is_home)$
+      <div id="avatar" class="editable">$avatar$</div>
+      $endif$
+
+      <h3>Contact:</h3>
+      <div id="contact" $if(is_home)$class="editable"$endif$>$contact$</div>
+      <br>
+
+      <h3>Bio:</h3>
+      <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div>
+      <br>
+    </div>
+
+    <div id="log">
+      <h2>Log</h2>
+
+      $if(dumps)$
+          $dumps:{ d | $logged_dump(dump=d)$ }$
+      $else$
+          <h3>No dumps yet!</h3>
+      $endif$
+
+    </div>
+
+    $footer()$
+  </body>
+</html>