diff options
| author | sostler <sbostler@gmail.com> | 2009-12-06 20:38:51 -0500 |
|---|---|---|
| committer | sostler <sbostler@gmail.com> | 2009-12-06 20:38:51 -0500 |
| commit | 631f492c328ee40414ee32f717215d3fdda6f55a (patch) | |
| tree | ad3c4e284b06c3ddc4fd2eb9ac6ea6280f7c07ac /template | |
| parent | 9dd2ee1b1eb63529f5694d2e400dd04cc1eb1663 (diff) | |
Profiles / templates
Diffstat (limited to 'template')
| -rwxr-xr-x | template/chat.st | 68 | ||||
| -rwxr-xr-x | template/footer.st | 3 | ||||
| -rwxr-xr-x | template/header.st | 13 | ||||
| -rwxr-xr-x | template/logged_dump.st | 6 | ||||
| -rwxr-xr-x | template/profile.st | 80 |
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> + <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> |