diff options
Diffstat (limited to 'template')
| -rwxr-xr-x | template/banner.st | 27 | ||||
| -rwxr-xr-x | template/chat.st | 85 | ||||
| -rw-r--r-- | template/head.st | 62 | ||||
| -rwxr-xr-x | template/header.st | 69 | ||||
| -rw-r--r-- | template/log.st | 21 | ||||
| -rwxr-xr-x | template/profile.st | 112 |
6 files changed, 183 insertions, 193 deletions
diff --git a/template/banner.st b/template/banner.st new file mode 100755 index 0000000..803539d --- /dev/null +++ b/template/banner.st @@ -0,0 +1,27 @@ +<div id="rapper7"> + <div id="header7"> + <div id="logo7"> + <div align="center"><a href="/chat" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/static/mouseover.gif',1)"><img src="/static/wordlogo2.gif" name="Image2" width="153" height="73" border="0"></a></div> + </div> + <div class="white"> + + <div id="bar7"> + <div style="float: left;"> + <div align="center">$if(user_nick)$ + <a href="/u/$user_nick$">Profile</a> | + $else$ <a href="/register">Register</a> | + $endif$ + <a href="/chat">Room A</a> | + <a href="/log">Log</a> + </div> + </div> + </div> + </div> + <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> diff --git a/template/chat.st b/template/chat.st index 8270ce7..52cbfbc 100755 --- a/template/chat.st +++ b/template/chat.st @@ -1,90 +1,49 @@ <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="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> + $head()$ + <link rel="stylesheet" type="text/css" href="/static/pichat.css"> <script> jQuery(document).ready(initChat); var Nick = $json_user_nick$; - </script> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><style type="text/css"> -<!-- -a { - font-size: 12px; - color: #000; -} -a:link { - text-decoration: none; -} -a:visited { - text-decoration: none; - color: #000; -} -a:hover { - text-decoration: none; - color: #00F; -} -a:active { - text-decoration: none; - color: #000; -} - ---> -</style></head> - -<body> - - - $header()$ - -<div id="chatrap"><div id="logc"> - <div id="content"> + </script> + </head> + <body> + $banner()$ + <div id="chatrap"><div id="logc"> + <div id="content"> - <div id="messagetabs"></div> - <div id="rapper"> + <div id="messagetabs"></div> + <div id="rapper"> <div id="loghead"></div> </div> - <div id="userList"> + <div id="userList"> $users: { u | - <div class="username"><a href="/u/$u$" class="username"><img src="/static/cat.jpeg" width="50" height="50">$u$</a><br> - </div> - }$ - </div> + <div class="username"><a href="/u/$u.nick$"> + <img src="$u.avatar$" width="50" height="50">$u.nick$</a><br> + </div> + }$ + </div> <div id="messagePane"> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg"><b><a href="/u/$m.nick$">$m.nick$</a>: </b> - <span class="content">$m.content$<span></div> + <span class="content">$m.content$<span></div> }$ <hr /> </div> $if(user_nick)$ <div id="msgInputDiv"> <input id="msgInput" class="msgInput" type="input" /> - <input id="msgSubmit" type="submit" value="Send Image URL" - /> + <input id="msgSubmit" type="submit" value="Send Image URL" /> </div> $endif$ - </div> - </div> - + </div> + </div> </div> </div> + <div id="footerc"> + $footer()$ </div> - - </div> - - </div> - <div id="footerc"> - <p> - $footer()$</p> - <p> - </p> - </div> </body> </html> diff --git a/template/head.st b/template/head.st new file mode 100644 index 0000000..1719e4a --- /dev/null +++ b/template/head.st @@ -0,0 +1,62 @@ +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + +<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/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="/static/sha1.js"></script> +<script type="text/javascript" src="/static/pichat.js"></script> + +<link rel="stylesheet" type="text/css" href="/static/reset.css"> +<link rel="stylesheet" type="text/css" href="/static/header.css"> +<link rel="shortcut icon" href="/static/favicon.ico"> + +<script type="text/javascript"> +<!-- +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; +} + +function MM_preloadImages() { //v3.0 + var d=document;if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} +} + +function MM_findObj(n, d) { //v4.01 + var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { + d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} + if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; + for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); + if(!x && d.getElementById) x=d.getElementById(n); return x; +} + +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];} +} +//--> + +jQuery(document).ready(function () { MM_preloadImages('/static/mouseover.gif'); }); +</script> + +<style type="text/css"> +<!-- +a { + font-size: 12px; + color: #000; +} +a:link { + text-decoration: none; +} +a:visited { + text-decoration: none; + color: #000; +} +a:hover { + text-decoration: none; + color: #00F; +} +a:active { + text-decoration: none; + color: #000; +} + +--> +</style> diff --git a/template/header.st b/template/header.st deleted file mode 100755 index c6acad4..0000000 --- a/template/header.st +++ /dev/null @@ -1,69 +0,0 @@ -<head> - <link rel="stylesheet" type="text/css" href="/static/reset.css"> - <link rel="stylesheet" type="text/css" href="/static/header.css"> - <link rel="shortcut icon" href="static/favicon.ico"> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <script type="text/javascript"> -<!-- -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; -} -function MM_preloadImages() { //v3.0 - var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); - var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) - if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} -} - -function MM_findObj(n, d) { //v4.01 - var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { - d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} - if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; - for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); - if(!x && d.getElementById) x=d.getElementById(n); return x; -} - -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> -</head> -<style type="text/css"> - -</style> - -<body onLoad="MM_preloadImages('/static/mouseover.gif')"> -<div id="rapper7"> -<div id="header7"> - - - - - <div id="logo7"> - <div align="center"><a href="/chat" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','/static/mouseover.gif',1)"><img src="/static/wordlogo2.gif" name="Image2" width="153" height="73" border="0"></a></div> - </div> - <div class="white"> - - <div id="bar7"> - <div style="float: left;"> - <div align="center">$if(user_nick)$ - <a href="/u/$user_nick$">Profile</a> | - $else$ <a href="/register">Register</a> | - $endif$ - <a href="/chat">Room A</a> - $if(user_nick)$ $endif$</div> - </div> - </div> -</div> - <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/log.st b/template/log.st new file mode 100644 index 0000000..6120032 --- /dev/null +++ b/template/log.st @@ -0,0 +1,21 @@ +<html> + <head> + <title>Room A Log</title> + $head()$ + <style> + body { + margin: 100px 50px; + } + </style> + <script> + jQuery(document).ready(initLog); + </script> + </head> + <body> + $banner()$ + <h2>Log</h2> + $dumps: { d | $logged_dump(dump=d)$ }$ + + <a href="/log?offset=$next$">MORE DUMPS</a> + </body> +</html> diff --git a/template/profile.st b/template/profile.st index a9dcfd9..5f77c68 100755 --- a/template/profile.st +++ b/template/profile.st @@ -1,76 +1,66 @@ <html> -<head> + <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/background.js"></script> -<script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> - <style type="text/css"> - - </style> -<script> + $head()$ + <link rel="stylesheet" type="text/css" href="/static/profile.css"> + <script type="text/javascript" src="/static/background.js"></script> + <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> + <script> jQuery(document).ready(initProfile); </script> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head> -<body> - $header()$ -<div id="chatrap"> + </head> + <body> + $banner()$ + <div id="chatrap"> - <div id="log"> - <div id="loghead"> - $nick$'s log - </div><div id="posts"> + <div id="log"> + <div id="loghead"> + $nick$'s log + </div><div id="posts"> + $if(dumps)$ + $dumps:{ d | $logged_dump(dump=d)$ }$ + $else$ + <h3>This is your user log, it's 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> + $endif$ + <p> </p> - <p>$if(dumps)$ - $dumps:{ d | $logged_dump(dump=d)$ }$ - $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> </p> + <p> </p> + <p><img + src="broken.png" + onerror="this.style.display='none'" + /></p> + </div> + + <div id="profile"> + + <h2>$nick$</h2> - <p> </p> - <p><img - src="broken.png" - onerror="this.style.display='none'" -/></p> - </div> - - <div id="profile"> - - <h2>$nick$</h2> + $if(avatar)$ + <img id="avatarPic" src="$avatar$" width="150px"/> + $else$ + <b id="avatarPic">No avatar</b> + $endif$ - $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$ - $if(is_home)$ - <div id="avatar" class="editable">$avatar$</div> - $endif$ + <h3>contact info</h3> + <div id="contact" $if(is_home)$class="editable"$endif$>$contact$</div> + <br> - <h3>contact info</h3> - <div id="contact" $if(is_home)$class="editable"$endif$>$contact$</div> - <br> + <h3>personal info</h3> + <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div> + <br> + </div> - <h3>personal info</h3> - <div id="bio" $if(is_home)$class="editable"$endif$>$bio$</div> - <br> + <div id="footer"> + $footer()$ + </div> + </div> </div> - - <div id="footer"> - <p> - $footer()$</p> - <p> - </p> -</div> -</div> -</div> - -</body> + </body> </html> |