diff options
Diffstat (limited to 'template')
| -rw-r--r-- | template/about_us.st | 26 | ||||
| -rwxr-xr-x | template/banner.st | 13 | ||||
| -rwxr-xr-x | template/browser.st | 267 | ||||
| -rw-r--r-- | template/butt.st | 1 | ||||
| -rwxr-xr-x | template/chat.st | 24 | ||||
| -rw-r--r-- | template/directory.st | 6 | ||||
| -rw-r--r-- | template/form_login.st | 2 | ||||
| -rwxr-xr-x | template/head.st | 8 | ||||
| -rw-r--r-- | template/help.st | 14 | ||||
| -rwxr-xr-x | template/log.st | 4 | ||||
| -rwxr-xr-x | template/logged_dump.st | 20 | ||||
| -rw-r--r-- | template/preload.st | 18 | ||||
| -rw-r--r-- | template/privacy.st | 13 | ||||
| -rwxr-xr-x | template/profile.st | 14 | ||||
| -rw-r--r-- | template/profile.st.save | 145 | ||||
| -rw-r--r-- | template/profile_dump.st | 2 | ||||
| -rw-r--r-- | template/share_buttons.st | 8 | ||||
| -rw-r--r-- | template/single_message.st | 2 | ||||
| -rw-r--r-- | template/terms.st | 9 | ||||
| -rw-r--r-- | template/test.st | 1 |
20 files changed, 502 insertions, 95 deletions
diff --git a/template/about_us.st b/template/about_us.st index 61c0a4a..ff8b335 100644 --- a/template/about_us.st +++ b/template/about_us.st @@ -1,8 +1,8 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <link href="/static/pages.css" rel="stylesheet" type="text/css" media="screen"/> - <link href="/static/win.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/win.css" rel="stylesheet" type="text/css" media="screen"/> <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> @@ -20,7 +20,7 @@ jQuery(function() </head> <body style="font-family: Arial, Helvetica, sans-serif; background-color:#ffffee; - background-image:url(/static/chanbg.png); + background-image:url(/static/img/chanbg.png); background-repeat:repeat-x; background-position:1 10; background-attachment:fixed;" onload=" @@ -37,33 +37,33 @@ background-attachment:fixed;" onload=" <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> <div style="padding:0px" id="content" name="content"> <div style="background-color:#fff"><center> -<img src="/static/dumpclouds.png"><br><br> +<img src="/static/img/dumpclouds.png"><br><br> <h5 style="padding:2px;"> -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. +DUMP.FM is a <img src="/static/img/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> <div style="display:none;"id="link"> - <div id="content" name="content"style="background-image:url(/static/hearts.gif);background-repeat:repeat;"> -<img src="/static/dumpteam.gif"><br><br> + <div id="content" name="content"style="background-image:url(/static/img/hearts.gif);background-repeat:repeat;"> +<img src="/static/img/dumpteam.gif"><br><br> <h1><br> <a href="/u/ryder">Ryder Ripps</a> - screams, rapping<br></h1> - <h2> <img src="/static/dot.gif"> Ryder is also the founder of <a href="http://www.internetarchaeology.org" target="_blank">Internet Archaeology</a></h2> + <h2> <img src="/static/img/dot.gif"> Ryder is also the founder of <a href="http://www.internetarchaeology.org" target="_blank">Internet Archaeology</a></h2> <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> + <h2> <img src="/static/img/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 also helped make <a href="http://www.delicious.com" target="_blank">delicious</a></h2> + <h2> <img src="/static/img/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> + <h2> <img src="/static/img/dot.gif"> Stefan is also one half of <a href="http://www.that-go.net" target="_blank">That-Go</a></h2> </h1> </div> </div> <div style="display:none;background-color:#fff;"id="contact"> <div id="content" name="content"> - <center><div style="background-color:#fff"><br><br><img src="/static/tvfun.gif"><img src="/static/tvfun.gif"><img src="/static/tvfun.gif"><br><br> + <center><div style="background-color:#fff"><br><br><img src="/static/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> <h5><br> @@ -73,7 +73,7 @@ You can shoot us an email at </div> </div> </div> -<div id="hugescreen"><img src="/static/hugescreen.png"></div> +<div id="hugescreen"><img src="/static/img/hugescreen.png"></div> <div id="footer"> $footer()$ diff --git a/template/banner.st b/template/banner.st index 9c6198c..02613c6 100755 --- a/template/banner.st +++ b/template/banner.st @@ -4,7 +4,6 @@ <div id="logoicons"> <div id="logo7"> <div align="center"><a href="/">dump.fm</a></div> - <div id="strapline"><img src="/static/talkwith.png" width="179" height="53" /></div> </div> <div class="white"> @@ -14,16 +13,16 @@ $if(user_nick)$ - <a href="/log" ><img src="/static/text.gif"width="20px" height="20px"> Log</a> - <a href="/u/$user_nick$">$if(user_avatar)$<img src="$user_avatar$" width="19px" height="19px" />$else$<img src="/static/home4.gif"width="22px" height="22px" />$endif$ Profile</a> - <a href="/directory"><img src="/static/directory.gif"width="20px" height="20px" /> Directory</a> - <a href="/browser"><img src="/static/image_draw.gif"/> Image Search</a> + <a href="/log" ><img src="/static/img/log.gif"width="20px" height="20px"> Log</a> + <a href="/u/$user_nick$">$if(user_avatar)$<img src="$user_avatar$" width="19px" height="19px" />$else$<img src="/static/img/profile.gif"width="22px" height="22px" />$endif$ Profile</a> + <a href="/directory"><img src="/static/img/directory.gif"width="20px" height="20px" /> Directory</a> + <a href="/browser"><img src="/static/img/image_draw.gif"/> Image Search</a> $else$ <div id="registerlink"> -<a href="/register"><img src="/static/ako.gif"width="21px" height="21px" /> Register</a> +<a href="/register"><img src="/static/img/ako.gif"width="21px" height="21px" /> Register</a> </div> @@ -43,7 +42,7 @@ </div> $endif$ <div id="logout7" class="white"> - <div align="center">$if(user_nick)$ <a href="/logout"><img src="/static/door2.gif" width="16" height="16" /> Logout</a> $else$ $form_login()$ $endif$ + <div align="center">$if(user_nick)$ <a href="/logout"><img src="/static/img/door.gif" width="16" height="16" /> Logout</a> $else$ $form_login()$ $endif$ </div> </div> diff --git a/template/browser.st b/template/browser.st index 721bb98..868e0ea 100755 --- a/template/browser.st +++ b/template/browser.st @@ -2,8 +2,12 @@ <head> <title>dump.fm | Image Search Beta</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/browser.css"> + <link rel="stylesheet" type="text/css" href="/static/css/browser.css"> <script type="text/javascript" src="/static/gritter/js/jquery.gritter.js"></script> +<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> + <script src="/static/js/dumpsearch.js" type="text/javascript"></script> + <script src="/static/js/FancyZoom.js" type="text/javascript"></script> +<script src="/static/js/FancyZoomHTML.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="/static/gritter/css/jquery.gritter.css" /> @@ -49,19 +53,264 @@ </div> <div id="messagePane"> <div id="messageList"> - <iframe src="/static/search/browser.html" - allowtransparency="true" - scrolling="auto" ></iframe> + +<div id="ish"> +<form onSubmit="searchImages(); return false;" > +<div align="left"> +<div style=" font-size:30; + text-shadow: 1px 1px 1px #000, 2px 3px 1px #f0e; +color:#fff; +font-weight:bold;">image search</div> + <tr> + <td colspan="2"><br> + <input name="q" type="text" id="q" onChange="searchImages();" size="10%"> + <input type="submit" name="submit" id="submit" class="msgSubmit"value="Search Images"> + + <label> + </label> + </td> + <div align="left"> + <div align="left"> + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + + + + </table> + + + </div> +</div> + <div id="description"> + + + </div> + <div> + + + <div align="left"> + <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> + <tr> + <td colspan="2"> + <p> + <label>where: + <select name="site" id="site" onChange="searchImages();"> + <option value="flickr.com" selected>flickr</option> + <option value="istockphoto.com">istockphoto</option> + <option value="photobucket.com">photobucket</option> + <option value="imikimi.com">imikimi</option> + <option value="blingee.com">Blingee</option> + <option value="myspace.com">myspace</option> + <option value="ning.com">ning.com</option> + <option value="mudspace.com">MudSpace</option> + <option value="gov">US Government</option> + <option value="wordpress.com">wordpress</option> + <option value="blogger.com">blogger</option> + <option value="typepad.com">typepad</option> + <option value="webshots.com">webshots</option> + <option value="blackplanet.com">Black Planet</option> + <option value="http://i.walmartimages.com/">walmart</option> + <option value="http://www.ibiblio.org">ibiblio</option> + <option value="deviantart.com">deviant art</option> + <option value="glitter-graphics.com">Glitter Graphics</option> + <option value="corbis.com">corbis</option> + <option value="made-in-china.com">made in china</option> + <option value="0" selected>EVERYWHERE</option> + </select> + </label> + <label> + <input name="showFaces" type="checkbox" onClick="searchImages();"> + Only Faces</label> + <div style="display:none;">★<label> hot shit</label>★ + <input type="radio" name="safeSearch" id="safeSearch2" value="off" onClick="searchImages();"checked> + Always ON</div> + </td> + </tr> + + + + </tr> + <tr> + <td colspan="2"><p> + <label>File Type</label> + <input type="radio" name="type" value="jpg" onClick="searchImages();"> + JPG + <input name="type" type="radio" value="png" onClick="searchImages();"> + PNG + <input name="type" type="radio" value="bmp" onClick="searchImages();"> + BMP + <input type="radio" name="type" value="gif" onClick="searchImages();"> + GIF + <input type="radio" name="type" value="0" checked onClick="searchImages();"> + Any</p></td> + </tr> + <tr> + <td colspan="2"><p> + <label>Image Size</label> + <input type="radio" name="size" value="small" onClick="searchImages();"> + Small + <input name="size" type="radio" value="medium" onClick="searchImages();"> + Medium + <input type="radio" name="size" value="large" onClick="searchImages();"> + Large + <input type="radio" name="size" value="xlarge" onClick="searchImages();"> + XXL + <input type="radio" name="size" value="0" checked onClick="searchImages();"> + Everything</p></td> + </tr> + <tr> + <td colspan="2"><p> + <label>Image Color</label> + <input type="radio" name="color" value="bw" onClick="searchImages();"> + Black & White + <input name="color" type="radio" value="gray" onClick="searchImages();"> + Gray + <input type="radio" name="color" value="color" onClick="searchImages();"> + Color + <input type="radio" name="color" value="0" checked onClick="searchImages();"> + Whateva</p></td> + </tr> + </table> + + </div> + </div> + </div> + + <tr> + <td colspan="2"><div id="searchControl"> + <div align="left">Loading... + </div> + </div></td> + </tr> + <div align="left"> + </table> + </div> +</form> +<div align="left"> +</div> </div> +</div></div> </div> </div> </div> </div> - </div> -</div> -</div> - - </div> + +<script type="text/javascript"> + google.load('search', '1'); + google.setOnLoadCallback(searchImages, true); + + function searchImages() { + var control = new google.search.SearchControl(); + control.setResultSetSize(google.search.Search.LARGE_RESULTSET); + control.setNoResultsString("Sorry but no images match your search criteria. Please modify your search query and try again."); + control.setLinkTarget(google.search.Search.LINK_TARGET_BLANK); + + var options = new google.search.SearcherOptions(); + options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN); + + var searcher = new google.search.ImageSearch(); + + for (var i = 0; i < document.forms[0].safeSearch.length; i++) { + if (document.forms[0].safeSearch[i].checked) { + if (document.forms[0].safeSearch[i].value == "off") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_OFF); + else if (document.forms[0].safeSearch[i].value == "moderate") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_MODERATE); + else if (document.forms[0].safeSearch[i].value == "strict") + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_STRICT); + else + searcher.setRestriction(GSearch.RESTRICT_SAFESEARCH, null); + break; + } + } + + for (var i = 0; i < document.forms[0].size.length; i++) { + if (document.forms[0].size[i].checked) { + if (document.forms[0].size[i].value == "small") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_SMALL); + else if (document.forms[0].size[i].value == "medium") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM); + else if (document.forms[0].size[i].value == "large") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_LARGE); + else if (document.forms[0].size[i].value == "xlarge") + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_EXTRA_LARGE); + else + searcher.setRestriction(GimageSearch.RESTRICT_IMAGESIZE, null); + break; + } + } + + for (var i = 0; i < document.forms[0].type.length; i++) { + if (document.forms[0].type[i].checked) { + if (document.forms[0].type[i].value == "bmp") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_BMP); + else if (document.forms[0].type[i].value == "jpg") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_JPG); + else if (document.forms[0].type[i].value == "png") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_PNG); + else if (document.forms[0].type[i].value == "gif") + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, google.search.ImageSearch.FILETYPE_GIF); + else + searcher.setRestriction(GimageSearch.RESTRICT_FILETYPE, null); + break; + } + } + + for (var i = 0; i < document.forms[0].color.length; i++) { + if (document.forms[0].color[i].checked) { + if (document.forms[0].color[i].value == "bw") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_BLACK_AND_WHITE ); + else if (document.forms[0].color[i].value == "gray") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_GRAYSCALE); + else if (document.forms[0].color[i].value == "color") + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, google.search.ImageSearch.COLORIZATION_COLOR); + else + searcher.setRestriction(GimageSearch.RESTRICT_COLORIZATION, null); + break; + } + } + + var list = document.forms[0].site; + if (list.options[list.selectedIndex].value == 0) + searcher.setSiteRestriction(null); + else + searcher.setSiteRestriction(list.options[list.selectedIndex].value); + + for (var i = 0; i < document.forms[0].site.length; i++) { + if (document.forms[0].site[i].checked) { + if (document.forms[0].site[i].value == 0) + searcher.setSiteRestriction(null); + else + searcher.setSiteRestriction(document.forms[0].site[i].value); + break; + } + } + + if (document.forms[0].showFaces.checked) + searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE, GimageSearch.IMAGETYPE_FACES); + else + searcher.setRestriction(GimageSearch.RESTRICT_IMAGETYPE); + + control.addSearcher(searcher, options); + + function keepResult(res) { + $.ajax({ + type: 'POST', + timeout: 5000, + url: '/msg', + data: { 'room': 'dumpfm', 'content': res.unescapedUrl }, + cache: false, + dataType: 'json' + }); + }; + + control.setOnKeepCallback(this, keepResult, 'DUMP THIS'); + control.draw(document.getElementById("searchControl")); + + control.execute(document.getElementById('q').value); + return false; + } + </script> + <div id="footerc"> <p> $footer()$</p> diff --git a/template/butt.st b/template/butt.st new file mode 100644 index 0000000..b14df64 --- /dev/null +++ b/template/butt.st @@ -0,0 +1 @@ +Hi diff --git a/template/chat.st b/template/chat.st index 3bf86ed..445372d 100755 --- a/template/chat.st +++ b/template/chat.st @@ -7,7 +7,7 @@ $if(user_avatar)$ $else$ - <link rel="stylesheet" type="text/css" href="/static/dumpnewuser.css"> + <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css"> $endif$ <script type="text/javascript" src="/static/webcam/webcam.js"></script> <script type="text/javascript" src="/static/js/tooltip.js"></script> @@ -25,7 +25,7 @@ var IsAdmin = false; $endif$ </script> - <script src="/static/away.js"></script> + <script src="/static/js/away.js"></script> <script src="/static/js/ajaxupload.js"></script> <script> if (Nick) { @@ -41,7 +41,7 @@ function pop(url) } </script> </head> -<body onload="MM_preloadImages('/static/thumbs_up_sm.gif')"> +<body onload="MM_preloadImages('/static/img/thumbs_up_sm.gif')"> $banner()$ <div id="chatrap"> <div id="logc"> @@ -77,7 +77,7 @@ function pop(url) <hr /> </div> $if(user_avatar)$ - <link rel="stylesheet" type="text/css" href="/static/dump.css"> + <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> <div id="msgInputDiv"> <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> <input id="msgSubmit" type="submit" value="Send" @@ -89,7 +89,7 @@ function pop(url) </div><div id="effects-msg"class="invisible">click on your face for effects!</div> $else$ - <link rel="stylesheet" type="text/css" href="/static/dump.css"> + <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> <div id="msgInputDiv"> <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div> <input id="msgSubmit" type="submit" value="Send"onClick="showAlert();" @@ -106,14 +106,14 @@ $else$ </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="posthelp"><img src="/static/img/blurbs/posthere.png"></div> + <div id="webcamhelp"><img src="/static/img/blurbs/webcamhelp.png"></div> + <div id="userlisthelp"><img src="/static/img/blurbs/userlisthelp.png"></div> + <div id="imageboard"><img src="/static/img/blurbs/imageboard.png"></div> + <div id="uploadstuff"><img src="/static/img/blurbs/uploadstuff.png"></div> + <div id="signinblurb"><img src="/static/img/blurbs/signinblurb.png"></div> - <div id="beingpostednow"><img src="/static/beingpostednow.png"></div> + <div id="beingpostednow"><img src="/static/img/blurbs/beingpostednow.png"></div> <script> jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide(1000) }, 10000 ) }) </script> diff --git a/template/directory.st b/template/directory.st index aec8363..05d13e2 100644 --- a/template/directory.st +++ b/template/directory.st @@ -6,7 +6,7 @@ <title>dump.fm directory</title> $endif$ $head()$ - <link rel="stylesheet" type="text/css" href="/static/directory.css"> + <link rel="stylesheet" type="text/css" href="/static/css/directory.css"> <script> jQuery(document).ready(initDirectory); </script> @@ -25,7 +25,7 @@ <center> <h2>✭ ✭ DUMP STARS ✭ ✭</h2> <div id="lolbanner"> - <img src="/static/welcomebanner.gif"> + <img src="/static/img/welcomebanner.gif"> </div> </center> $if(users)$ @@ -39,7 +39,7 @@ </div> $else$ <div id="logavatar"> - <img height="50" width="50" src="/static/noinfo.png" /> + <img height="50" width="50" src="/static/img/noinfo.png" /> </div> $endif$ </a> diff --git a/template/form_login.st b/template/form_login.st index ad61bbb..7d7adf5 100644 --- a/template/form_login.st +++ b/template/form_login.st @@ -24,7 +24,7 @@ </p> <p class="remember"><br> - <img src="/static/signin.gif" id="signin-submit"> + <img src="/static/img/signin.gif" id="signin-submit"> <!-- <input id="signin-submit" value="Sign in" tabindex="6" type="submit"> --> </p> diff --git a/template/head.st b/template/head.st index 9f30ac0..2431e49 100755 --- a/template/head.st +++ b/template/head.st @@ -8,8 +8,8 @@ <script type="text/javascript" src="/static/js/pichat.js"></script> <script type="text/javascript" src="/static/js/jquery.lavalamp.js"></script> <script type="text/javascript" src="/static/js/jquery.easing.1.1.js"></script> -<link rel="stylesheet" type="text/css" href="/static/reset.css"> -<link rel="stylesheet" type="text/css" href="/static/header.css"> +<link rel="stylesheet" type="text/css" href="/static/css/reset.css"> +<link rel="stylesheet" type="text/css" href="/static/css/header.css"> $if(!user_nick)$ <link href="/static/form_login/front.css" media="screen, projection" rel="stylesheet" type="text/css"> $endif$ @@ -39,10 +39,6 @@ function MM_swapImage() { //v3.0 } //--> -jQuery(document).ready(function () { MM_preloadImages('/static/mouseover.gif'); }); - - jQuery(function() { jQuery("#banner-menu").lavaLamp({ fx: "backout", speed: 700 })}); - </script> diff --git a/template/help.st b/template/help.st index 9d8628e..9f78094 100644 --- a/template/help.st +++ b/template/help.st @@ -1,10 +1,10 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <link href="/static/pages.css" rel="stylesheet" type="text/css" media="screen"/> - <link href="/static/win.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/win.css" rel="stylesheet" type="text/css" media="screen"/> <script type="text/javascript" src="/static/js/win.js"></script> - <script type="text/javascript" src="/static/jquery.em.js"></script> + <script type="text/javascript"> jQuery(function() @@ -20,7 +20,7 @@ jQuery(function() </head> <body style="font-family: Arial, Helvetica, sans-serif; background-color:#ffffee; - background-image:url(/static/chanbg.png); + background-image:url(/static/img/chanbg.png); background-repeat:repeat-x; background-position:1 10; background-attachment:fixed;" onload=" @@ -37,7 +37,7 @@ background-attachment:fixed;" onload=" <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> -<img src="/static/dumpclouds.png"><br><br> +<img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> <a href="mailto:info@dump.fm"> info@dump.fm</a> @@ -48,7 +48,7 @@ background-attachment:fixed;" onload=" <div style="padding:0px" id="content" name="content"> - <iframe src="/static/help.html" style="overflow-x:hidden; padding:5;background-image:url(/static/hearts.gif);background-repeat:repeat;" width="510px" height="500px"></iframe> + <iframe src="/static/help.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="510px" height="500px"></iframe> </div> </div> <div style="display:none;"id="link"> @@ -61,7 +61,7 @@ background-attachment:fixed;" onload=" </div> </div> </div> -<div id="hugescreen"><img src="/static/hugescreen.png"></div> +<div id="hugescreen"><img src="/static/img/hugescreen.png"></div> <div id="footer"> diff --git a/template/log.st b/template/log.st index 45de47e..a30b28b 100755 --- a/template/log.st +++ b/template/log.st @@ -2,7 +2,7 @@ <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/css/log.css"> <script> jQuery(document).ready(initLog); </script> @@ -16,7 +16,7 @@ <div id="posts"> <div id="lolbanner"> - <img src="/static/welcomebanner.gif"> + <img src="/static/img/welcomebanner.gif"> </div> $if(dumps)$ $dumps: { d | $log_dump(dump=d)$ }$ diff --git a/template/logged_dump.st b/template/logged_dump.st new file mode 100755 index 0000000..3b8336a --- /dev/null +++ b/template/logged_dump.st @@ -0,0 +1,20 @@ + +<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 8963e70..3339e4e 100644 --- a/template/preload.st +++ b/template/preload.st @@ -1,13 +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" 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" /> + <img src="/static/img/upload.png" class="invisible" /> + <img src="/static/img/dblue2.png" class="invisible" /> +<img src="/static/img/log.gif" class="invisible" /> +<img src="/static/img/directory.gif" class="invisible" /> +<img src="/static/img/image_draw.gif" class="invisible" /> +<img src="/static/img/door.gif" class="invisible" /> +<img src="/static/img/cambutton.png" class="invisible" /> +<img src="/static/img/urlbutton.png" class="invisible" /> +<img src="/static/img/upbutton.png" class="invisible" /> </div>
\ No newline at end of file diff --git a/template/privacy.st b/template/privacy.st index a133ac2..1cf51f3 100644 --- a/template/privacy.st +++ b/template/privacy.st @@ -1,10 +1,9 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <link href="/static/pages.css" rel="stylesheet" type="text/css" media="screen"/> - <link href="/static/win.css" rel="stylesheet" type="text/css" media="screen"/> - <script type="text/javascript" src="/static/js/win.js"></script> - <script type="text/javascript" src="/static/jquery.em.js"></script> + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/win.css" rel="stylesheet" type="text/css" media="screen"/> + <script type="text/javascript" src="/static/js/win.js"></script> <script type="text/javascript"> jQuery(function() @@ -20,7 +19,7 @@ jQuery(function() </head> <body style="font-family: Arial, Helvetica, sans-serif; background-color:#ffffee; - background-image:url(/static/chanbg.png); + background-image:url(/static/img/chanbg.png); background-repeat:repeat-x; background-position:1 10; background-attachment:fixed;" onload=" @@ -37,7 +36,7 @@ background-attachment:fixed;" onload=" <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> -<img src="/static/dumpclouds.png"><br><br> +<img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> <a href="mailto:info@dump.fm"> info@dump.fm</a> @@ -48,7 +47,7 @@ background-attachment:fixed;" onload=" <div style="padding:0px" id="content" name="content"> - <iframe src="/static/privacy.html" style="overflow-x:hidden; padding:5;background-image:url(/static/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> + <iframe src="/static/privacy.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> </div> </div> <div style="display:none;"id="link"> diff --git a/template/profile.st b/template/profile.st index 855f8e2..9304d7e 100755 --- a/template/profile.st +++ b/template/profile.st @@ -5,12 +5,10 @@ <META NAME="keywords" CONTENT="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board"> <META NAME="description" CONTENT="Talk with pictures!"> $head()$ - <link rel="stylesheet" type="text/css" media="screen" - href="/static/profile.css"> - <script src="/static/jquery.editinplace.1.0.1.packed.js" - type="text/javascript"></script> + <link rel="stylesheet" type="text/css" media="screen" href="/static/css/profile.css"> + <script src="/static/js/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> jQuery(document).ready(initProfile); </script> @@ -47,7 +45,7 @@ <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" /> + <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> </div> $endif$ @@ -55,7 +53,7 @@ $if(contact)$ <div id="contact" class="linkify">$contact$</div> $else$ - <div><img id="contact" src="/static/noinfo.png"></div> + <div><img id="contact" src="/static/img/noinfo.png"></div> $endif$ <br> @@ -63,7 +61,7 @@ $if(bio)$ <div id="bio" class="linkify">$bio$</div> $else$ - <div><img id="bio" src="/static/noinfo.png"></div> + <div><img id="bio" src="/static/img/noinfo.png"></div> $endif$ $if(is_home)$ diff --git a/template/profile.st.save b/template/profile.st.save new file mode 100644 index 0000000..7a3944f --- /dev/null +++ b/template/profile.st.save @@ -0,0 +1,145 @@ + +<html> + <head> + <title>$nick$'s dump.fm</title> + $head()$ + <link rel="stylesheet" type="text/css" media="screen" + href="/static/profile.css"> + <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> + jQuery(document).ready(initProfile); + </script> + + </head> + <body> + $banner()$ + <div id="chatrap"> + <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"> + </div> + + $dumps:{ d | $profile_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> + + $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" /> + </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> + + <div id="footer"> + $footer()$ + </div> + </div> + </div></div></div> + </body> +</html> diff --git a/template/profile_dump.st b/template/profile_dump.st index b93c2fc..184cd55 100644 --- a/template/profile_dump.st +++ b/template/profile_dump.st @@ -8,7 +8,7 @@ $if(dump.avatar)$ <img height="50" width="50" src="$dump.avatar$" /> $else$ - <img height="50" width="50" src="/static/noinfo.png"> + <img height="50" width="50" src="/static/img/noinfo.png"> $endif$ </div></a> diff --git a/template/share_buttons.st b/template/share_buttons.st index 883c66d..b510db5 100644 --- a/template/share_buttons.st +++ b/template/share_buttons.st @@ -1,6 +1,6 @@ <div class="share-buttons"> -<img src="/static/tumblricon.png" class="share-button" onclick="Share.tumblr(this)"> -<img src="/static/fbbutton.png" class="share-button" onclick="Share.facebook(this)"> -<img src="/static/twittericon.png" class="share-button" onclick="Share.twitter(this)"> -<img src="/static/delishicon.png" class="share-button" onclick="Share.delicious(this)"> +<img src="/static/img/tumblricon.png" class="share-button" onclick="Share.tumblr(this)"> +<img src="/static/img/fbbutton.png" class="share-button" onclick="Share.facebook(this)"> +<img src="/static/img/twittericon.png" class="share-button" onclick="Share.twitter(this)"> +<img src="/static/img/delishicon.png" class="share-button" onclick="Share.delicious(this)"> </div>
\ No newline at end of file diff --git a/template/single_message.st b/template/single_message.st index 7047cbd..df43eed 100644 --- a/template/single_message.st +++ b/template/single_message.st @@ -3,7 +3,7 @@ <title>dump.fm</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/directory.css"> + <link rel="stylesheet" type="text/css" href="/static/css/directory.css"> <script> jQuery(document).ready(initDirectory); </script> diff --git a/template/terms.st b/template/terms.st index 2f23cee..c0efebc 100644 --- a/template/terms.st +++ b/template/terms.st @@ -1,10 +1,9 @@ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <link href="/static/pages.css" rel="stylesheet" type="text/css" media="screen"/> - <link href="/static/win.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen"/> + <link href="/static/css/win.css" rel="stylesheet" type="text/css" media="screen"/> <script type="text/javascript" src="/static/js/win.js"></script> - <script type="text/javascript" src="/static/jquery.em.js"></script> <script type="text/javascript"> jQuery(function() @@ -37,7 +36,7 @@ background-attachment:fixed;" onload=" <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> <div style="padding:0px;" id="content" name="content"> <div style="background-color:#fff"><center> -<img src="/static/dumpclouds.png"><br><br> +<img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> <a href="mailto:info@dump.fm"> info@dump.fm</a> @@ -48,7 +47,7 @@ background-attachment:fixed;" onload=" <div style="padding:0px" id="content" name="content"> - <iframe src="/static/terms.html" style="overflow-x:hidden; padding:5;background-image:url(/static/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> + <iframe src="/static/terms.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> </div> </div> <div style="display:none;"id="link"> diff --git a/template/test.st b/template/test.st new file mode 100644 index 0000000..663adb0 --- /dev/null +++ b/template/test.st @@ -0,0 +1 @@ +Hi! |