diff options
Diffstat (limited to 'template')
| -rw-r--r-- | template/about_us.st | 6 | ||||
| -rwxr-xr-x | template/banner.st | 18 | ||||
| -rwxr-xr-x | template/chat.st | 33 | ||||
| -rw-r--r-- | template/goodies.st | 70 | ||||
| -rwxr-xr-x | template/head.st | 2 | ||||
| -rwxr-xr-x | template/log.st | 45 | ||||
| -rw-r--r-- | template/log_dump.st | 18 | ||||
| -rw-r--r-- | template/preload.st | 11 | ||||
| -rwxr-xr-x | template/profile.st | 222 | ||||
| -rw-r--r-- | template/profile_dump.st | 18 |
10 files changed, 285 insertions, 158 deletions
diff --git a/template/about_us.st b/template/about_us.st index 23265c4..1ea4df9 100644 --- a/template/about_us.st +++ b/template/about_us.st @@ -26,7 +26,7 @@ jQuery(function() background-attachment:fixed;" onload=" javascript:CreateDropdownWindow('about the site', '360px', true, 'news', 70, 75); javascript:CreateDropdownWindow('about the team', '380px', true, 'link', 500, 60); - javascript:CreateDropdownWindow('contact us', '360px', true, 'contact', 100, 375); + javascript:CreateDropdownWindow('contact us', '360px', true, 'contact', 100, 395); "> @@ -39,7 +39,7 @@ background-attachment:fixed;" onload=" <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center> <img src="/static/dumpclouds.png"><br><br> <h5 style="padding:2px;"> -DUMP.FM is a <img src="/static/newanim.gif"> experiment in communication and web surfing; allowing pictures to be used to talk in realtime. Users can send image URLs, upload locally from their hard drive or post a pic right from their webcam. Every image posted gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration. +DUMP.FM is a <img src="/static/newanim.gif"> exciting tool for the internets; allowing pictures to be used for realtime communication and collaboration. Users can send image URLs (which display instantly in the chat), upload locally from their hard drive or post a pics right from their webcam. Every image gets stored in your DUMP.FM log, similarly, a log is kept of the entire collaboration. </center><br></div></h5> </div></div> @@ -54,7 +54,7 @@ DUMP.FM is a <img src="/static/newanim.gif"> experiment in communication and web <h1><a href="/u/scottbot">Scott Ostler</a> - clean vocals <br></h1> <h2> <img src="/static/dot.gif"> Scott also worked on the development of <a href="http://www.simile-widgets.org/exhibit/"target="_blank">MIT Exhibit</a></h2> <h1><a href="/u/timb">Tim Baker</a> - synths, guitars, beats, backing vocals <br></h1> - <h2> <img src="/static/dot.gif"> Tim was also a core developer of <a href="http://www.delicious.com" target="_blank">Delicious</a></h2> + <h2> <img src="/static/dot.gif"> Tim also helped make <a href="http://www.delicious.com" target="_blank">delicious</a></h2> <h1><a href="/u/stefan">Stefan Moore</a> - beats, fog machine, lights <br></h1> <h2> <img src="/static/dot.gif"> Stefan is also one half of <a href="http://www.that-go.net" target="_blank">That-Go</a></h2> </h1> diff --git a/template/banner.st b/template/banner.st index aa5ae50..b58a2b5 100755 --- a/template/banner.st +++ b/template/banner.st @@ -19,10 +19,16 @@ <li><a href="/directory"><img src="/static/directory.gif"width="20px" height="20px" /> Directory</a></li> <li><a href="/browser"><img src="/static/image_draw.gif"/> Image Search</a></li> </ul> - $else$ - <div id="register" style="display:none;"> <a href="/register"><img src="/static/answer_good.gif" />Register</a></div> - <div id="landscape"> <img src="/static/const_landscape.gif" /> </div> - <div id="welcomeinternet"> <img src="/static/welcome.gif" /> </div> + $else$ + + + <ul id="banner-menu"> + <li><div id="lastli"><a href="/">.</a></div></li> + + <li><a href="/register"><img src="/static/answer_good.gif" />Register</a></li> + + </ul> + $endif$ </div> </div> @@ -47,7 +53,3 @@ </div> </div> -<div id="preload"> - <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big"> -</div> - diff --git a/template/chat.st b/template/chat.st index f44c383..6bdefc8 100755 --- a/template/chat.st +++ b/template/chat.st @@ -2,7 +2,11 @@ <head> <title>dump.fm</title> $head()$ + $if(user_nick)$ <link rel="stylesheet" type="text/css" href="/static/dump.css"> + $else$ + <link rel="stylesheet" type="text/css" href="/static/dumpnewuser.css"> + $endif$ <script type="text/javascript" src="/static/webcam/webcam.js"></script> <script type="text/javascript" src="/static/js/tooltip.js"></script> <script> @@ -44,7 +48,7 @@ function pop(url) <div id="userList"> $users: { u | <div class="username"><a href="/u/$u.nick$" target="_blank"> - $if(u.avatar)$<img src="$u.avatar$" width="50" height="50">$endif$ + $if(u.avatar)$<img src="$u.avatar$" width="50" height="50">$else$<img src="/static/noinfo.png"> $endif$ $u.nick$</a><br> </div> }$ @@ -68,6 +72,7 @@ function pop(url) <hr /> </div> $if(user_nick)$ + <link rel="stylesheet" type="text/css" href="/static/dump.css"> <div id="msgInputDiv"> <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> <input id="msgSubmit" type="submit" value="Send" @@ -77,12 +82,36 @@ function pop(url) <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink"> <div id="trophy"><a href="javascript:pop('http://www.likeneveralways.com/trash/count/index.php');"class="tooltip" title="Contest Counter"><img src="/static/trophyicon.gif"></a></div> </div> - $endif$ +$else$ + + <link rel="stylesheet" type="text/css" href="/static/dump.css"> + <div id="msgInputDiv"> + <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> + <input id="msgSubmit" type="submit" value="Send" + /> + <input id="upload" value="Upload" type="submit"> + <input id="webcam-button-upload" value="Webcam" type="submit"> + <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink"> + <div id="trophy"><a href="javascript:pop('http://www.likeneveralways.com/trash/count/index.php');"class="tooltip" title="Contest Counter"><img src="/static/trophyicon.gif"></a></div> + </div> + </div> </div> </div> </div> + <div id="newuserwrap"> + <div id="posthelp"><img src="/static/posthere.png"></div> + <div id="webcamhelp"><img src="/static/webcamhelp.png"></div> + <div id="userlisthelp"><img src="/static/userlisthelp.png"></div> + <div id="imageboard"><img src="/static/imageboard.png"></div> + <div id="uploadstuff"><img src="/static/uploadstuff.png"></div> + <div id="signinblurb"><img src="/static/signinblurb.png"></div> + <div id="readyjoin"><img src="/static/readyjoin.png"></div> + <script> + jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide(1000) }, 10000 ) }) + </script> + </div> $endif$ <div id="footerc"> <p> $footer()$ diff --git a/template/goodies.st b/template/goodies.st index f8e4429..2bab2c7 100644 --- a/template/goodies.st +++ b/template/goodies.st @@ -1,11 +1,71 @@ <html> <head> - <title>Goodies</title> + <title>dump.fm | Image Search Beta</title> $head()$ + <link rel="stylesheet" type="text/css" href="/static/browser.css"> + <script type="text/javascript" src="/static/gritter/js/jquery.gritter.js"></script> + <link rel="stylesheet" type="text/css" href="/static/gritter/css/jquery.gritter.css" /> + + + + <script> + jQuery(document).ready(initChat); + var Nick = $json_user_nick$; + var Room = $json_room_key$; + var Timestamp = $timestamp$; + var PostedMessages = []; + var IsAdmin = "$isadmin$"; + var growlize = true; + </script> + + <style> + iframe { + z-index: 50000; + position: fixed; + top: 300px; + right: 25px; + + width:100%; + height:100%; + padding:0px; + background-color: #fff; + position:absolute; + top:0px; left:0px; + border:none; + } + </style> + </head> <body> - WE GOT NO GOODIES YET!!!!!!!!!!!!!!!!!!!!!!! - + $banner()$ + <div id="chatrap"> + <div id="logc"> + <div id="content"> + + <div id="rapper"> + <div id="loghead"></div> + </div> + + </div> + <div id="messagePane"> + <div id="messageList"> + <iframe src="/static/search/imagesearch.html" allowtransparency="true" scrolling="auto" ></iframe> + </div> + + </div> + </div> + </div> + </div> +</div> +</div> + + </div> + <div id="footerc"> + <p> + $footer()$</p> + <p> + </p> + </div> </body> -</html> -
\ No newline at end of file + +</html> diff --git a/template/head.st b/template/head.st index da1c3f5..fdf5fea 100755 --- a/template/head.st +++ b/template/head.st @@ -42,4 +42,4 @@ jQuery(document).ready(function () { MM_preloadImages('/static/mouseover.gif'); jQuery(function() { jQuery("#banner-menu").lavaLamp({ fx: "backout", speed: 700 })}); -</script> +</script>
\ No newline at end of file diff --git a/template/log.st b/template/log.st index 145f8c6..45de47e 100755 --- a/template/log.st +++ b/template/log.st @@ -2,50 +2,45 @@ <head> <title>dump.fm log</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/log.css"> + <link rel="stylesheet" type="text/css" href="/static/log.css"> <script> jQuery(document).ready(initLog); </script> </head> <body> $banner()$ - <div id="chatrap"> - - + <div id="chatrap"> <div id="log"> <div id="loghead"></div> <br> <div id="posts"> - <div id="lolbanner"> + <div id="lolbanner"> <img src="/static/welcomebanner.gif"> - </div> - $if(dumps)$ - $dumps: { d | $logged_dump(dump=d)$ }$ - $else$ - No dumps! - $endif$ - <div id="pnav"> - - $if(next)$ - <div id="pnavn"><a href="/$roomkey$/log/$next$">next ☞</a></div> + </div> + $if(dumps)$ + $dumps: { d | $log_dump(dump=d)$ }$ + $else$ + No dumps! $endif$ + <div id="pnav"> - - $if(prev)$ - <div id="pnavo"> <a href="/$roomkey$/log/$prev$">☜ prev</a> </div> - $endif$ + $if(next)$ + <div id="pnavn"><a href="/$roomkey$/log/$next$">next ☞</a></div> + $endif$ + + $if(prev)$ + <div id="pnavo"> <a href="/$roomkey$/log/$prev$">☜ prev</a> </div> + $endif$ - <br><br> + <br><br> </div> -</div> - - + </div> <div id="footer"> $footer()$ - </div></div> - + </div></div> + </body> </html> diff --git a/template/log_dump.st b/template/log_dump.st new file mode 100644 index 0000000..49aab4b --- /dev/null +++ b/template/log_dump.st @@ -0,0 +1,18 @@ +<div class="logged-dump" id="message-$dump.message_id$"> + <div> + $dump.created_on$ -- by <b><a href="/u/$dump.nick$">$dump.nick$</a></b> + </div> + <a href="/u/$dump.nick$"> + <div id="logavatar"> + + $if(dump.avatar)$ + <img height="50" width="50" src="$dump.avatar$" /> + $else$ + <img height="50" width="50" src="/static/noinfo.png"> + $endif$ + + </div></a> + <div class="content">$dump.content$</div> + <hr /> + $share_buttons()$ +</div> diff --git a/template/preload.st b/template/preload.st index 1f51935..8963e70 100644 --- a/template/preload.st +++ b/template/preload.st @@ -1,4 +1,13 @@ +<!-- todo: just put this lot in javascript? --> <div id="preload"> <img src="/static/img/cursors/osx.hand.gif" class="no-cursor invisible" id="cursor-big" /> - <img src="/static/upload.png" /> + <img src="/static/upload.png" class="invisible" /> + <img src="/static/dblue2.png" class="invisible" /> +<img src="/static/text.gif" class="invisible" /> +<img src="/static/directory.gif" class="invisible" /> +<img src="/static/image_draw.gif" class="invisible" /> +<img src="/static/door2.gif" class="invisible" /> +<img src="/static/cambutton.png" class="invisible" /> +<img src="/static/urlbutton.png" class="invisible" /> +<img src="/static/upbutton.png" class="invisible" /> </div>
\ No newline at end of file diff --git a/template/profile.st b/template/profile.st index bca6a8b..7a3944f 100755 --- a/template/profile.st +++ b/template/profile.st @@ -1,3 +1,4 @@ + <html> <head> <title>$nick$'s dump.fm</title> @@ -7,143 +8,138 @@ <script src="/static/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script> <script src="/static/js/ajaxupload.js"></script> - - <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> - - + <script type="text/javascript" src="/static/jquery.editinplace.1.0.1.packed.js"></script> <script> jQuery(document).ready(initProfile); </script> - + </head> <body> $banner()$ <div id="chatrap"> - <div id="headerbar"></div> + <div id="headerbar"></div> <div id="log"> <div id="loghead"> </div> <br> <div id="posts"> - + <div id="cats"> - $if(dumps)$ - - <div id="lolbanner"> - <img src="/static/welcomebanner.gif"> + $if(dumps)$ + <div id="lolbanner"> + <img src="/static/welcomebanner.gif"> </div> + + $dumps:{ d | $profile_dump(dump=d)$ }$ + <div id="profile"> - $dumps:{ d | $logged_dump(dump=d)$ }$ - <div id="profile"> + <h2>$nick$</h2> + $if(avatar)$ + <img id="avatarPic" src="$avatar$" width="150px"/> + $else$ + <img id="avatarPic"><img src="/static/noinfo.png"> + $endif$ + + $if(is_home)$ + <div id="avatar-editing" style="display: none"> + <div id="avatar" class="editable">$avatar$</div> + <input id="upload" value="Upload Icon" type="submit"> + <img id="spinner" src="/static/spinner.gif" style="display: none" /> + </div> + $endif$ + + <h3>contact info</h3> + $if(contact)$ + <div id="contact" class="linkify">$contact$</div> + $else$ + <div><img id="contact" src="/static/noinfo.png"></div> + $endif$ + <br> + + <h3>bio</h3> + $if(bio)$ + <div id="bio" class="linkify">$bio$</div> + $else$ + <div><img id="bio" src="/static/noinfo.png"></div> + $endif$ + + $if(is_home)$ + <br> + <div id="edit-toggle"><a href="#">edit profile</a></div> + $endif$ + + <br> + <div id="date"> + <div type="text" id="datepicker"></div></div> + </div> - <h2>$nick$</h2> - $if(avatar)$ - <img id="avatarPic" src="$avatar$" width="150px"/> - $else$ - <img id="avatarPic"><img src="/static/noinfo.png"> - $endif$ - - $if(is_home)$ - <div id="avatar-editing" style="display: none"> - <div id="avatar" class="editable">$avatar$</div> - <input id="upload" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/spinner.gif" style="display: none" /> - </div> - $endif$ - - <h3>contact info</h3> - $if(contact)$ - <div id="contact" class="linkify">$contact$</div> - $else$ - <div><img id="contact" src="/static/noinfo.png"></div> - $endif$ - <br> - - <h3>bio</h3> - $if(bio)$ - <div id="bio" class="linkify">$bio$</div> $else$ - <div><img id="bio" src="/static/noinfo.png"></div> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <div id="newuser"> + <h2>Welcome to dump.fm</h2> + <br><br> + + <h1>Step ❶</h1> + <h3>☟ Find a sweet image for your avatar, paste the URL below ☟</h3> + $if(avatar)$ + <img id="avatarPic" src="$avatar$" width="150px"/> + $else$ + <b id="avatarPic"></b> + $endif$ + + $if(is_home)$ + <div id="avatar-editing"> + <div id="avatar" class="editable">$avatar$</div> + <input id="upload" value="Upload Icon" type="submit"> + <img id="spinner" src="/static/spinner.gif" style="display: none" /> + </div> + $endif$ + + <h1>Step ❷</h1> + <h3>☟ Enter some contact info below ☟</h3> + <div id="contact" class="$if(is_home)$editable$else$linkify$endif$">$contact$</div> + <br> + + <h1>Step ❸</h1> + <h3>☟ Enter some personal info below ☟</h3> + <div id="bio" class="$if(is_home)$editable$else$linkify$endif$">$bio$</div> + <br> + <h1>Step ❹</h1> + + <h3> <a href="/chat">Join the ♣ and start posting pictures!</a></h3> + <h3> </h3></div> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <h3> </h3> + <h3> </h3> $endif$ + + <p> </p> + <div id="pnav"> - $if(is_home)$ - <br> - <div id="edit-toggle"><a href="#">edit profile</a></div> - $endif$ - - <br> - <div id="date"> - <div type="text" id="datepicker"></div></div> - </div> + $if(next)$ + <div id="pnavn"><a href="/u/$nick$/$next$">next ☞</a></div> + $endif$ - $else$ - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <div id="newuser"> - <h2>Welcome to dump.fm</h2> - <br><br> - - <h1>Step ❶</h1> - <h3>☟ Find a sweet image for your avatar, paste the URL below ☟</h3> - $if(avatar)$ - <img id="avatarPic" src="$avatar$" width="150px"/> - $else$ - <b id="avatarPic"></b> - $endif$ - - $if(is_home)$ - <div id="avatar-editing"> - <div id="avatar" class="editable">$avatar$</div> - <input id="upload" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/spinner.gif" style="display: none" /> + + $if(prev)$ + <div id="pnavo"> <a href="/u/$nick$/$prev$">☜ prev</a></div> + $endif$ + + <br><br> </div> - $endif$ - - <h1>Step ❷</h1> - <h3>☟ Enter some contact info below ☟</h3> - <div id="contact" class="$if(is_home)$editable$else$linkify$endif$">$contact$</div> - <br> - - <h1>Step ❸</h1> - <h3>☟ Enter some personal info below ☟</h3> - <div id="bio" class="$if(is_home)$editable$else$linkify$endif$">$bio$</div> - <br> - <h1>Step ❹</h1> - - <h3> <a href="/chat">Join the ♣ and start posting pictures!</a></h3> - <h3> </h3></div> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - $endif$ - - <p> </p> - <div id="pnav"> - - $if(next)$ - <div id="pnavn"><a href="/u/$nick$/$next$">next ☞</a></div> - $endif$ - - $if(prev)$ - <div id="pnavo"> <a href="/u/$nick$/$prev$">☜ prev</a></div> - $endif$ - - <br><br> + <div id="footer"> + $footer()$ + </div> </div> - - <div id="footer"> - $footer()$ - </div> - </div> </div></div></div> -$preload()$ </body> </html> diff --git a/template/profile_dump.st b/template/profile_dump.st new file mode 100644 index 0000000..52001d6 --- /dev/null +++ b/template/profile_dump.st @@ -0,0 +1,18 @@ +<div class="logged-dump" id="message-$dump.message_id$"> + <div> + $dump.created_on$ -- in <b><a href="/$dump.key$/chat">$dump.key$</a></b> + </div> + <a href="/u/$dump.nick$"> + <div id="logavatar"> + + $if(dump.avatar)$ + <img height="50" width="50" src="$dump.avatar$" /> + $else$ + <img height="50" width="50" src="/static/noinfo.png"> + $endif$ + + </div></a> + <div class="content">$dump.content$</div> + <hr /> + $share_buttons()$ +</div> |