diff options
Diffstat (limited to 'template')
73 files changed, 494 insertions, 648 deletions
diff --git a/template/about_us.st b/template/about_us.st index b8aacdc..b31a622 100755 --- a/template/about_us.st +++ b/template/about_us.st @@ -2,16 +2,10 @@ <head> <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen" /> - <script type="text/javascript" src="/static/js/win.js"></script> - <script type="text/javascript"> - -jQuery(function() -{ - jQuery('.scroll-pane').jScrollPane(); -}); - </script> - <title>dump.fm: about us</title> + <title>dump.fm: about us</title> $head()$ + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script> </head> <body class="profile" onload=" javascript:CreateDropdownWindow('about the site', '360px', true, 'news', 70, 75); @@ -24,18 +18,18 @@ jQuery(function() - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> -<h5 style="padding:2px;"> +<h5 class="p-2"> DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; 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 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/img/hearts.gif);background-repeat:repeat;"> + <div id="link" class="is-hidden"> + <div id="content" name="content" class="bg-hearts"> <img src="/static/img/dumpteam.gif"><br><br> <div id="abouttxt"><h1><br> <a href="/ryder">Ryder Ripps</a> - screams, rapping<br></h1> @@ -53,10 +47,10 @@ DUMP.FM is a <img src="/static/img/newanim.gif"> exciting tool for the internet; </div> - <div style="display:none;background-color:#fff;"id="contact"> + <div id="contact" class="is-hidden bg-white"> <div id="content" name="content"> - <center><div style="background-color:#fff"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> + <center><div class="bg-white"><br><br><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><img src="/static/img/tvfun.gif"><br><br> <h5><br> diff --git a/template/altar_log.st b/template/altar_log.st index 5d826ef..5d64397 100755 --- a/template/altar_log.st +++ b/template/altar_log.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> -$head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -19,12 +20,7 @@ $banner()$ <span class="content"><center> $dumps: { d | $log_dump(dump=d)$ }$ </center></span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/altar_user_log.st b/template/altar_user_log.st index 75159a6..fe1065b 100755 --- a/template/altar_user_log.st +++ b/template/altar_user_log.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> - $head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -19,12 +20,7 @@ <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ </span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/banner.old.st b/template/banner.old.st index 4cc706e..09ad520 100755 --- a/template/banner.old.st +++ b/template/banner.old.st @@ -1,21 +1,21 @@ <div id="rapper7"> - <div id="header7"> - <div id="logoicons"> - <div id="logo7"> - <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> - <a class="img_roll" href="$domain$"></a> - </div> - </div> - <div class="white"> - $if(!user_nick)$ - <div id="bar7dis"> - $else$ - <div id="bar7"> - $endif$ - <div style="float: left;"> - <div align="center"> - $if(user_nick)$ + <div id="header7"> + <div id="logoicons"> + <div id="logo7"> + <div align="center"> + <img class="is-hidden" border="0" width="0" height="0" alt="" /> + <a class="img_roll" href="$domain$"></a> + </div> + </div> + <div class="white"> + $if(!user_nick)$ + <div id="bar7dis"> + $else$ + <div id="bar7"> + $endif$ + <div class="float-left"> + <div align="center"> + $if(user_nick)$ <!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> --> <a href="$domain$/$user_nick$" onclick="pageTracker._trackEvent('button', 'banner-profile'); return true;"> @@ -67,7 +67,7 @@ $if(user_nick)$ <!-- <div id="facebooklike"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> </div> --> @@ -109,11 +109,11 @@ - <div id="inpage-search-results" style="background-color: white;"> - <div id="search-controls"> - <span id="search-message"></span> - <a id="search-control-close" href="javascript:Search.close()">close</a> - </div> + <div id="inpage-search-results" class="bg-white"> + <div id="search-controls"> + <span id="search-message"></span> + <a id="search-control-close" href="javascript:Search.close()">close</a> + </div> <div id="search-results-images"></div> </div> </div> diff --git a/template/banner.st b/template/banner.st index ba8bc55..052da38 100755 --- a/template/banner.st +++ b/template/banner.st @@ -25,7 +25,7 @@ </div> <!-- - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> --> @@ -67,7 +67,7 @@ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> --> $endif$ diff --git a/template/banner_dis.st b/template/banner_dis.st index f55fbbe..8a399af 100755 --- a/template/banner_dis.st +++ b/template/banner_dis.st @@ -12,15 +12,15 @@ $endif$ <div id="dislogo"> <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> - <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a> - </div> + <img class="is-hidden" border="0" width="0" height="0" alt="" /> + <a href="https://dismagazine.com"><img src="/static/img/dis.png" class="dislogo"><a class="img_rolldis" href="$domain$"></a> + </div> </div> - <div id="bar7dis"> - <div style="float: left;"> - <div align="center"> - $if(user_nick)$ + <div id="bar7dis"> + <div class="float-left"> + <div align="center"> + $if(user_nick)$ <!-- <a href="$domain$/log" onclick="pageTracker._trackEvent('button', 'banner-log'); return true;"> <img src="/static/img/thumbs/logbaricon.png"/> Log</a> --> @@ -41,10 +41,10 @@ $endif$ </div> - $if(user_nick)$ - <!-- <div id="facebooklike"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> - </div> ---!> + $if(user_nick)$ + <!-- <div id="facebooklike"> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149%3Fref%3Dts&layout=button_count&show_faces=true&width=100&action=like&font=segoe+ui&colorscheme=dark&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> + </div> ---!> <div id="dissearchbox"> <input type="text" name="search-query" id="search-query" /> diff --git a/template/browser.st b/template/browser.st index 79308e1..7a6a010 100755 --- a/template/browser.st +++ b/template/browser.st @@ -2,7 +2,7 @@ <head> <title>dump.fm | Image Search Beta</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/browser.css?v=20260130"> + <link rel="stylesheet" type="text/css" href="/static/css/browser.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130"> <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" /> @@ -45,7 +45,7 @@ $endif$ </div> </div> -<div id="footerc" style="bottom:3px;"> +<div id="footerc"> <p> $footer()$</p> <p> diff --git a/template/chat_help_bubbles.st b/template/chat_help_bubbles.st index 71cd04e..626c3ce 100755 --- a/template/chat_help_bubbles.st +++ b/template/chat_help_bubbles.st @@ -1,8 +1,8 @@ -<div id="newuserwrap" style="display:none;"> +<div id="newuserwrap" class="is-hidden"> <div id="posthelp"><img src="/static/img/furie6.png"></div> <div id="webcamhelp"><img src="/static/img/furie5.png"></div> <a href="/help"><div id="userlisthelp"><img src="/static/img/furie7.png"></div></a> <script> jQuery(document).ready(function(){ setTimeout( function(){ jQuery("#newuserwrap div").hide("puff", 1000) }, 100000 ) }) </script> -</div>
\ No newline at end of file +</div> diff --git a/template/dealwithit.st b/template/dealwithit.st index 8cfb2f1..8a053c6 100755 --- a/template/dealwithit.st +++ b/template/dealwithit.st @@ -4,7 +4,7 @@ <title>dump.fm - deal with it</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>deal with it on dump.fm<br><br>A Collection of images that 'deal with it' by users of dump.fm. <br><br><a href="/static/templates/dealwithittemplate.psd">Click Here</a> to download the deal with it photoshop template.<br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdealwithit&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/directory.st b/template/directory.st index 149f284..9b6ff76 100755 --- a/template/directory.st +++ b/template/directory.st @@ -6,9 +6,7 @@ <title>dump.fm directory</title> $endif$ $head()$ - <script> - jQuery(document).ready(initDirectory); - </script> + <script type="text/javascript" src="/static/js/pages/directory_init.js?v=20260203"></script> </head> <body class="profile"> $banner()$ diff --git a/template/doublerainbow.st b/template/doublerainbow.st index 8f7b6a2..e5b662c 100755 --- a/template/doublerainbow.st +++ b/template/doublerainbow.st @@ -4,7 +4,7 @@ <title>dump.fm - double rainbow</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Double Rainbow on dump.fm<br><br>A Collection of images of Double Rainbow related images by users of dump.fm on July 14, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fdoublerainbow&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/error_ie.st b/template/error_ie.st index 340c4c3..371559b 100755 --- a/template/error_ie.st +++ b/template/error_ie.st @@ -1,8 +1,17 @@ -<div id="iesucks" style="margin:10%;font-size:15px;font-family:Arial, sans serif;color:black;"> -<center> -<img src="http://coteriemusicblog.files.wordpress.com/2008/02/1.gif"> -<h2> -WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude... -</h2> -</DIV> -</center>
\ No newline at end of file +<html> + <head> + <title>dump.fm</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <link rel="stylesheet" type="text/css" href="/static/css/error_ie.css?v=20260131"> + </head> + <body> + <div id="iesucks"> + <center> + <img src="https://coteriemusicblog.files.wordpress.com/2008/02/1.gif" alt="" /> + <h2> + WHOA HOLD UP!! dump.fm only works with Firefox, Chrome or Safari ... (possibly Opera) ... sorry dude... + </h2> + </center> + </div> + </body> +</html> diff --git a/template/fame2.st b/template/fame2.st index 00b99f8..e742b24 100755 --- a/template/fame2.st +++ b/template/fame2.st @@ -1,27 +1,29 @@ <html> - <head> - <title>dump.fm hall of fame</title> - $head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <head> + <title>dump.fm hall of fame</title> + $head()$ + <link rel="stylesheet" type="text/css" href="/static/css/fame.css?v=20260131"> + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> <div id="messagePaneh"> - - <div id="userListp"> - <img src="/static/img/halloffametrophy.gif" id="halltrophy"> - <h1 style="font-size:150%;">Hall Of Fame </h1><br><br> - <form name="halltime"> <B> VIEW BY </B> -<select style="font-size:14px;color:#000;font-family:verdana;background-color:#ffffff;font-weight:bold;" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;"> -<option value="#">DAY</option> -<option value="#">WEEK</option> -<option value="http://">ALL TIME</option> -</select> + + <div id="userListp"> + <img src="/static/img/halloffametrophy.gif" id="halltrophy"> + <h1 class="hall-of-fame-title">Hall Of Fame</h1><br><br> + <form name="halltime"> <B> VIEW BY </B> + <select class="hall-of-fame-select" name="menu" onChange="location=document.halltime.menu.options[document.halltime.menu.selectedIndex].value;"> + <option value="#">DAY</option> + <option value="#">WEEK</option> + <option value="http://">ALL TIME</option> + </select> </form><br> </div> <div id="messageList"> diff --git a/template/footer.st b/template/footer.st index a2f4bac..13b6271 100755 --- a/template/footer.st +++ b/template/footer.st @@ -1,7 +1,7 @@ <a href="/">dump.fm</a> -<!--<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<!--<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a>--> $google_analytics()$ $debug_log()$ diff --git a/template/form_login.st b/template/form_login.st index 95b6333..d1ebfd8 100755 --- a/template/form_login.st +++ b/template/form_login.st @@ -27,6 +27,4 @@ </fieldset> </div> <script src="/static/js/home.js?v=20260126" type="text/javascript"></script> -<script type="text/javascript"> - jQuery(document).ready(initExpandableLoginForm) -</script> +<script type="text/javascript" src="/static/js/pages/expandable_login_init.js?v=20260203"></script> diff --git a/template/frontpage copy.st b/template/frontpage copy.st index 038b8ad..7a6b1c9 100755 --- a/template/frontpage copy.st +++ b/template/frontpage copy.st @@ -1,14 +1,6 @@ <html> <head> - <script type="text/javascript"> -function refreshing() -{ -frm=document.getElementsByName("posts")[0]; -frm.src=frm.src; -setTimeout("refreshing()",300000); -} -</script> - <title>dump.fm</title> + <title>dump.fm</title> <!---HEAD ---> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps"> @@ -24,8 +16,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -34,35 +26,23 @@ setTimeout("refreshing()",300000); <link rel="shortcut icon" href="/static/favicon.ico"> <!--END HEAD--> - <script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> - - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 275 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); - - - }); + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -86,7 +66,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +78,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,15 +113,15 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. registration is currently invite only. view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> - <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> <br><br> <!-- <strong> <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> @@ -172,8 +152,8 @@ $endif$ <!--<br><br><center> <div id="footer"> @2011 <a href="/">dump.fm</a> -<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> -<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -193,7 +173,10 @@ $debug_log()$ -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> -<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpage.st b/template/frontpage.st index fe48402..88c0e25 100755 --- a/template/frontpage.st +++ b/template/frontpage.st @@ -1,13 +1,5 @@ <html> <head> - <script type="text/javascript"> -function refreshing() -{ -frm=document.getElementsByName("posts")[0]; -frm.src=frm.src; -setTimeout("refreshing()",300000); -} -</script> <title>dump.fm</title> <!---HEAD ---> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> @@ -24,45 +16,33 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - $if(!logged_in)$ - <script type="text/javascript" src="/static/js/popup.js"></script> - $endif$ - - <link rel="shortcut icon" href="/static/favicon.ico"> - - <!--END HEAD--> - <script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> - - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 275 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); + $if(!logged_in)$ + <script type="text/javascript" src="/static/js/popup.js"></script> + $endif$ + <link rel="shortcut icon" href="/static/favicon.ico"> + + <!--END HEAD--> + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> - }); - -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -87,7 +67,7 @@ jQuery(window).load(function(){ </a> </div> <!-- - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> --> $else$ <!-- @@ -100,7 +80,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -135,19 +115,19 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. - register <a href="/register">here.</a> - <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> - <!-- <br> <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> - <br><br> - <strong> - <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> - </strong>--> + register <a href="/register">here.</a> + <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <!-- <br> <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> + <br><br> + <strong> + <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> + </strong>--> </div> $endif$ </div> @@ -174,8 +154,8 @@ $endif$ <!--<br><br><center> <div id="footer"> @2011 <a href="/">dump.fm</a> -<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> -<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -195,7 +175,10 @@ $debug_log()$ -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> -<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpagePROFILE.st b/template/frontpagePROFILE.st index afc4481..6f64d61 100755 --- a/template/frontpagePROFILE.st +++ b/template/frontpagePROFILE.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/frontpage_profile.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/frontpage_profile.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -38,34 +38,22 @@ $endif$ -<!--END HEAD--> -<script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> + <!--END HEAD--> + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 275 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); - - - }); -</script> - - - + + </head> <body> <!-- - <iframe src="/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-bg"></iframe> --> <!--START BANNER--> @@ -94,7 +82,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +95,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -159,7 +147,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <img id="contact" src="/static/img/noinfo.png"> $endif$ <i id="hallnick">On dump.fm now..</i> - <iframe src="/fullscreen"style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-thumb"></iframe> </div> $if(dumps)$ @@ -168,12 +156,7 @@ You are viewing the current trending images posted to dump.fm; a super fun commu $dumps: { d | $hall_log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -200,8 +183,8 @@ You are viewing the current trending images posted to dump.fm; a super fun commu <br><br><center> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div></center> @@ -221,7 +204,10 @@ $debug_log()$ -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> -<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/frontpage_halloffame.st b/template/frontpage_halloffame.st index 71e9191..394f527 100755 --- a/template/frontpage_halloffame.st +++ b/template/frontpage_halloffame.st @@ -1,14 +1,6 @@ <html> <head> - <script type="text/javascript"> -function refreshing() -{ -frm=document.getElementsByName("posts")[0]; -frm.src=frm.src; -setTimeout("refreshing()",300000); -} -</script> - <title>dump.fm</title> + <title>dump.fm</title> <!---HEAD ---> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="keywords" content="dump.fm, image chat, realtime, internet 3.0, dump, dump fm, image dump, pictures, image links, image board, scott ostler, ryder ripps"> @@ -24,8 +16,8 @@ setTimeout("refreshing()",300000); Nick = $if(logged_in)$"$user_nick$"$else$null$endif$; </script> - <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> - <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> + <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> $if(!logged_in)$ <script type="text/javascript" src="/static/js/popup.js"></script> @@ -34,35 +26,23 @@ setTimeout("refreshing()",300000); <link rel="shortcut icon" href="/static/favicon.ico"> <!--END HEAD--> - <script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> - - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 275 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); - - - }); + <script> + var Recips = []; + var MasonryColumnWidth = 275; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + <script type="text/javascript" src="/static/js/pages/frontpage_refresh.js?v=20260203"></script> -</script> - - - + + </head> <body onload="refreshing()" class="$if(logged_in)$logged-in$else$logged-out$endif$"> - - <!-- - <iframe src="$domain$/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> - --> + + <!-- + <iframe src="$domain$/fullscreen" class="fullscreen-bg"></iframe> + --> <!--START BANNER--> <div id="banner"> @@ -86,7 +66,7 @@ jQuery(window).load(function(){ <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <!-- <div id="toplinks"> @@ -98,7 +78,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div>--> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <!-- <a href="$domain$/register" id="disregister">Register!</a>--> $endif$ @@ -133,19 +113,19 @@ jQuery(window).load(function(){ $if(user_nick)$ <b><a href="$domain$/chat">JOIN CHAT!</a></b> <div id="hallnick"> - <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> + <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> </div> $else$ - <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left"> + <div class="alttxt"> dump.fm is an elite real-time image chat community. we host more than 1,500,000 images. - register <a href="/register">here.</a> - <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> - <!-- <br> <br> <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> - <br><br> - <strong> - <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> - </strong>--> + register <a href="/register">here.</a> + <br>view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a> + <!-- <br> <br> <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> + <br><br> + <strong> + <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a> + </strong>--> </div> $endif$ </div> @@ -172,8 +152,8 @@ $endif$ <!--<br><br><center> <div id="footer"> @2011 <a href="/">dump.fm</a> -<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> -<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> +<a href="$domain$/about_us">About Us</a> +<a href="$domain$/help">Help FAQ</a> <a href="$domain$/terms">Terms</a> <a href="$domain$/privacy">Privacy</a> </div></center> @@ -193,7 +173,10 @@ $debug_log()$ -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> -<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/fullscreen.st b/template/fullscreen.st index 030ea17..54960fc 100755 --- a/template/fullscreen.st +++ b/template/fullscreen.st @@ -5,23 +5,17 @@ <script src="/static/js/pichat.js?v=20260130"></script> <script src="/static/js/fullscreen.js?v=20260126"></script> $if(user_nick)$ - $else$ - <script src="/static/js/register.js"></script> - $endif$ - <script> - var LoggedIn = $if(user_nick)$true$else$false$endif$; - var Timestamp = $timestamp$; - var newwindow; - function pop(url) { - newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); - if (window.focus) {newwindow.focus()} - } - </script> - - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260129"> - <script>jQuery(initLogin)</script> - </head> - <body> + $else$ + <script src="/static/js/register.js"></script> + $endif$ + <script> + var LoggedIn = $if(user_nick)$true$else$false$endif$; + var Timestamp = $timestamp$; + </script> + + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_box.css?v=20260131"> + </head> + <body> $if(user_nick)$ @@ -57,16 +51,16 @@ </p> </span> <span class="regopen"> - <label style="text-align:left;margin-bottom:-8px;">username</label> + <label>username</label> <input type="text" class="field" id="regNickInput" tabindex="5" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">password</label> + <label>password</label> <input type="password" class="field" id="regPasswordInput" tabindex="6" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">password2x</label> + <label>password2x</label> <input type="password" class="field" id="regPasswordInput2" tabindex="7" /> </p><p> - <label style="text-align:left;margin-bottom:-8px;">email</label> + <label>email</label> <input type="text" class="field" id="regEmailInput" tabindex="8" /> </p><p> <input type="submit" class="submit" id="submit" value="Register!" tabindex="9" /> @@ -75,40 +69,8 @@ </div> $endif$ - <div id="big-image"></div> - <script> - function choice(a) { return a[Math.floor(Math.random()*a.length)] } - var urls = [ - "https://archive.hump.fm/images/20100601/1275428508049-dumpfm-foot-oie_oie_overlay-1.gif", - "https://archive.hump.fm/images/20100928/1285728674225-dumpfm-timb-running.unicorn.gif", - "https://archive.hump.fm/images/20100726/1280119193796-dumpfm-enso-human-condition.gif", - "https://archive.hump.fm/images/20100521/1274415795577-dumpfm-ucnv-mx.gif", - "https://archive.hump.fm/images/20100912/1284315873224-dumpfm-Neontoast-1283990707508-dumpfm-crunkus-crabtoon.gif", - "https://archive.hump.fm/images/20110927/1317105622918-dumpfm-peachfist-test8scam.gif", - "https://archive.hump.fm/images/20110323/1300915179773-dumpfm-blingscience-fishtank.gif", - "https://archive.hump.fm/images/20110418/1303108538834-dumpfm-LAVARLAMAR-lettuce_lavarlamar.gif", - "https://s3.amazonaws.com/i.asdf.us/im/84/gradient_horse_1318306378_1322355741_ryz_1337322355_ryz.gif", - "https://archive.hump.fm/images/20110724/1311552093462-dumpfm-hologrampa-1291586335941-dumpfm-jeeeelings-cat_face_wink_hologrampa-lettuce.gif", - "https://s3.amazonaws.com/i.asdf.us/im/be/tt7620731fltt_1315431978.gif" - ] - if (window.location.href.indexOf("nologin") != -1) { - jQuery("#loginbox").hide(); - } - document.getElementById("big-image").innerHTML = "<img src='" + choice(urls) + "'>" - initFullscreen() - initRegister() - jQuery(startChatUpdater) - jQuery("#reglink").click(function(e){ - e.preventDefault(); - jQuery("#loginbox").hide(); - jQuery("#registerbox").show().addClass("b"); - return false; - }); - jQuery("#nickInput").focus(); - $if(user_nick)$ - $else$ - $endif$ - </script> - $google_analytics()$ - </body> -</html> + <div id="big-image"></div> + <script type="text/javascript" src="/static/js/pages/fullscreen_init.js?v=20260203"></script> + $google_analytics()$ + </body> + </html> diff --git a/template/fullscreen2.st b/template/fullscreen2.st index 1dfe6b8..e5c70f5 100755 --- a/template/fullscreen2.st +++ b/template/fullscreen2.st @@ -27,10 +27,10 @@ </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen2.css?v=20260131"> </head><body> $messages: { m | -<div style="width: 1224px; height: 918px;" id="supersize"> +<div id="supersize"> <div id="message-$m.message_id$"> <span class="content">$m.content$</span> </div> </div> diff --git a/template/fullscreen4.st b/template/fullscreen4.st index 1d1a4e6..d1ea427 100755 --- a/template/fullscreen4.st +++ b/template/fullscreen4.st @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen4_extra.css?v=20260129"> <script>jQuery(initLogin)</script> @@ -34,7 +34,7 @@ <div align="left">password</div> <div><input id="passwordInput" type="password"></div> --> - <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/fullscreen5.st b/template/fullscreen5.st index d0162d9..7181ff5 100755 --- a/template/fullscreen5.st +++ b/template/fullscreen5.st @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_smalltext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <div align="left">password</div> <div><input id="passwordInput" type="password"></div> --> - <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/fullscreen_front.st b/template/fullscreen_front.st index 82b1403..2eadf1f 100755 --- a/template/fullscreen_front.st +++ b/template/fullscreen_front.st @@ -7,19 +7,12 @@ <script> var LoggedIn = $if(user_nick)$true$else$false$endif$; var Timestamp = $timestamp$; - var newwindow; - function pop(url) { - newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0'); - if (window.focus) {newwindow.focus()} - } - jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <script type="text/javascript" src="/static/js/pages/fullscreen_front_init.js?v=20260203"></script> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> </head> <body> - <script> - initFullscreen() - </script> + <script type="text/javascript" src="/static/js/pages/fullscreen_front_run.js?v=20260203"></script> </body> </html> diff --git a/template/fullscreenphotobooth.st b/template/fullscreenphotobooth.st index 6de7ca1..d6a1675 100755 --- a/template/fullscreenphotobooth.st +++ b/template/fullscreenphotobooth.st @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <div align="left">password</div> <div><input id="passwordInput" type="password"></div> --> - <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/google_analytics.st b/template/google_analytics.st index 883102a..bfba91f 100755 --- a/template/google_analytics.st +++ b/template/google_analytics.st @@ -12,5 +12,5 @@ qacct:"p-a3mCwIEHECjGE" </script> <script type="text/javascript" src="https://edge.quantserve.com/quant.js"></script> <noscript> -<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/> +<img src="https://pixel.quantserve.com/pixel/p-a3mCwIEHECjGE.gif" class="is-hidden" border="0" height="1" width="1" alt="Quantcast"/> </noscript> diff --git a/template/head.st b/template/head.st index c74e1e1..010f1ce 100755 --- a/template/head.st +++ b/template/head.st @@ -6,7 +6,7 @@ <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; diff --git a/template/head_edge.st b/template/head_edge.st index c74e1e1..010f1ce 100755 --- a/template/head_edge.st +++ b/template/head_edge.st @@ -6,7 +6,7 @@ <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <script> Domain = "/"; Nick = $if(user_nick)$"$user_nick$"$else$null$endif$; diff --git a/template/help.st b/template/help.st index 52b216b..3d280a2 100755 --- a/template/help.st +++ b/template/help.st @@ -2,20 +2,10 @@ <head> <link href="/static/css/pages.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> <link href="/static/css/header.css?v=20260130" rel="stylesheet" type="text/css" media="screen"/> - <script type="text/javascript" src="/static/js/win.js"></script> - - <script type="text/javascript"> - -jQuery(function() -{ - jQuery('.scroll-pane').jScrollPane(); -}); - - - </script> - <title>dump.fm</title> $head()$ + <script type="text/javascript" src="/static/js/win.js"></script> + <script type="text/javascript" src="/static/js/pages/scroll_pane_init.js?v=20260203"></script> </head> <body class="profile" onload=" javascript:CreateDropdownWindow('dump.fm', '360px', true, 'news', 30, 115); @@ -30,8 +20,8 @@ jQuery(function() - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> @@ -39,14 +29,14 @@ jQuery(function() </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> - <div style="padding:0px" id="content" name="content"> + <div id="archive" class="is-hidden"> + <div id="content" name="content" class="content-no-padding"> - <iframe src="/static/html/help.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="510px" height="500px"name="iframe"></iframe> + <iframe src="/static/html/help.html" class="hearts-frame" width="510px" height="500px" name="iframe"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> <div id="content" name="content"> diff --git a/template/him.st b/template/him.st index 9f4862c..62fb120 100755 --- a/template/him.st +++ b/template/him.st @@ -4,7 +4,7 @@ <title>dump.fm - him</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>'Him' on dump.fm<br><br>A Collection of images of 'him' by users of dump.fm on July 11, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fhim&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/hiscore_test.st b/template/hiscore_test.st index 50e7b9e..1c2739f 100755 --- a/template/hiscore_test.st +++ b/template/hiscore_test.st @@ -1,11 +1,12 @@ <html> <head> - <title>dump.fm log</title> -$head()$ - <script> - jQuery(document).ready(initLog); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -24,12 +25,7 @@ $banner()$ <span class="content"><center> $dumps: { d | $log_dump(dump=d)$ }$ </center></span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ diff --git a/template/ie_fullscreen.st b/template/ie_fullscreen.st index 480037b..b5c448f 100755 --- a/template/ie_fullscreen.st +++ b/template/ie_fullscreen.st @@ -15,7 +15,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> diff --git a/template/json_tags_block.st b/template/json_tags_block.st new file mode 100644 index 0000000..17a8ea4 --- /dev/null +++ b/template/json_tags_block.st @@ -0,0 +1,7 @@ +$if(json_tags)$ +<script> + $json_tags: { j | $j$; + }$ +</script> +$endif$ + diff --git a/template/log.st b/template/log.st index c235ae8..718f360 100755 --- a/template/log.st +++ b/template/log.st @@ -1,14 +1,12 @@ <html> <head> - <title>dump.fm log</title> - $head()$ - <script> - var Recips = []; - jQuery(function() { - initLog(Recips) - }); - </script> - </head> + <title>dump.fm log</title> + $head()$ + <script> + var Recips = []; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -22,12 +20,7 @@ <span class="content"> $dumps: { d | $log_dump(dump=d)$ }$ </span> - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -57,6 +50,6 @@ </div> </div></div></div> -<script type="text/javascript">load_favs()</script> - </body> -</html> + <script type="text/javascript" src="/static/js/pages/log_favs_init.js?v=20260203"></script> + </body> + </html> diff --git a/template/messagepane.st b/template/messagepane.st index 35c60e9..a110d85 100755 --- a/template/messagepane.st +++ b/template/messagepane.st @@ -18,7 +18,7 @@ </div> }$ </div>$endif$ - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump$if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$ nick_$m.nick$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/mgmtfull.st b/template/mgmtfull.st index 5ec3faa..26f7872 100755 --- a/template/mgmtfull.st +++ b/template/mgmtfull.st @@ -14,7 +14,7 @@ } jQuery(startChatUpdater); </script> - <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_base.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/fullscreen_bigtext.css?v=20260129"> <script>jQuery(initLogin)</script> </head> @@ -33,7 +33,7 @@ <div align="left">password</div> <div><input id="passwordInput" type="password"></div> --> - <div align="right" style="font-size: 80%">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> + <div align="right" class="rememberme-row">remember me? <input id="remembermeInput" type="checkbox" checked="true"></div> <br> <div> <center><input type="submit" value="LOGIN"></center> diff --git a/template/newlog.st b/template/newlog.st index da9741f..15da014 100755 --- a/template/newlog.st +++ b/template/newlog.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/newlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/newlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script>Domain = "/"</script> $if(!user_nick)$ @@ -43,10 +43,8 @@ window.location = "/error/ie"; <!--END HEAD--> <script> var Recips = []; - jQuery(function() { - initLog(Recips) - }); </script> +<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> </head> <body> @@ -78,7 +76,7 @@ window.location = "/error/ie"; </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ <a href="/register" id="disregister">Register</a> @@ -130,12 +128,7 @@ window.location = "/error/ie"; $dumps: { d | $log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -162,8 +155,8 @@ window.location = "/error/ie"; <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> diff --git a/template/nigga.st b/template/nigga.st index 9dc8846..8e1c633 100755 --- a/template/nigga.st +++ b/template/nigga.st @@ -2,30 +2,30 @@ <head> <title>$nick$'s dump.fm</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/profile_dashboard.css?v=20260131"> <script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script> <script src="/static/js/ajaxupload.js"></script> <script> jQuery(document).ready(initProfile); </script> </head> - <body> - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> - $banner()$ + <body> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> + $banner()$ <div id="dashrapper"> - - - <div id="dashuserlist"> - $if(avatar)$ - <div id="dashavatar" style="background-image:url($avatar$);height:100px;width:100%"> - <img id="avatarPic" src="$avatar$"/> - $else$<br> - <img id="avatarPic" src="/static/img/noinfo.png"> - </div> - $endif$ + + + <div id="dashuserlist"> + $if(avatar)$ + <div id="dashavatar" class="dashavatar-bg" style="background-image:url($avatar$)"> + <img id="avatarPic" src="$avatar$"/> + $else$<br> + <img id="avatarPic" src="/static/img/noinfo.png"> + </div> + $endif$ @@ -40,10 +40,10 @@ $if(is_home)$ - <div id="avatar-editing" style="display: none"> - <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> - </div> + <div id="avatar-editing" class="is-hidden"> + <input id="uploadp" value="Upload Icon" type="submit"> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> + </div> $endif$ <div id="dashinfo"> <h2> diff --git a/template/perezhilton.st b/template/perezhilton.st index 453f7e3..b11af19 100755 --- a/template/perezhilton.st +++ b/template/perezhilton.st @@ -4,7 +4,7 @@ <title>dump.fm - Perez Hilton</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Perez Hilton on dump.fm<br><br>A Collection of images involving Perez Hilton by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fperezhilton&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/pogs.st b/template/pogs.st index 683c825..2108693 100755 --- a/template/pogs.st +++ b/template/pogs.st @@ -4,7 +4,7 @@ <title>dump.fm - pogs</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Pogs of dump.fm<br><br>A Collection of over 300 digital pogs made by users of dump.fm on July 6, 2010. <br>This collection is a nod to <a href="http://mikesdigitalpogpage.com/"target=_blank">Mike's Digital Pog Page</a><br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/popular.st b/template/popular.st index 162c63b..c07d6ba 100755 --- a/template/popular.st +++ b/template/popular.st @@ -1,14 +1,13 @@ <html> <head> - <title>dump.fm - $nick$'s popular</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> + <title>dump.fm - $nick$'s popular</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> - </head> + </head> <body> $banner()$ <div id="dcontent"> @@ -45,5 +44,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/profile.st b/template/profile.st index f46ef5d..d416c1c 100755 --- a/template/profile.st +++ b/template/profile.st @@ -38,9 +38,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--stripes"></div> $endif$ $banner()$ @@ -64,9 +64,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> @@ -106,16 +106,16 @@ jQuery(document).ready(function() { <a href="/$nick$/log"><div id="favstxt">$if(is_home)$ your $else$ $nick$'s$endif$ most recent dumps</div></a> <div id="mostrecentdumps"> $imgs: { img | <a target="_blank" href="$img$"><img src="$img$"></img></a> }$ - </div> - <div id="likebutton"> + </div> + <div id="likebutton"> <!-- - <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$" - scrolling="no" frameborder="0" - style="border:none; width:500px; height:26px"></iframe> + <iframe src="https://www.facebook.com/widgets/like.php?href=/$nick$" + scrolling="no" frameborder="0" + class="fb-like-wide"></iframe> --> - </div> + </div> - </div> + </div> <a href="#"class="msgbtn" id="msgbtn">messages!</a> diff --git a/template/profilelog.st b/template/profilelog.st index 341e214..13fb1cb 100755 --- a/template/profilelog.st +++ b/template/profilelog.st @@ -40,9 +40,9 @@ <div>dumps $nick$ faved: $dumps_user_faved_cnt$</div> $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ @@ -76,7 +76,7 @@ <div type="text" id="datepicker"></div></div> </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $if(dumps)$ <span class="content"> diff --git a/template/profilenew.st b/template/profilenew.st index 905e49e..262bf02 100755 --- a/template/profilenew.st +++ b/template/profilenew.st @@ -32,9 +32,9 @@ jQuery(document).ready(function() { </head> <body class="profiledash"> $if(avatar)$ - <div id="dashtotal"style="background-image:url($avatar$);opacity:0.1;width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--avatar" style="background-image:url($avatar$)"></div> $else$ - <div id="dashtotal"style="background-image:url(/static/img/thumbs/stripes.gif);width:100%;height:100%;z-index:-1"></div> + <div id="dashtotal" class="dash-total dash-total--stripes"></div> $endif$ $banner()$ @@ -60,9 +60,9 @@ jQuery(document).ready(function() { $if(is_home)$ - <div id="avatar-editing" style="display: none"> + <div id="avatar-editing" class="is-hidden"> <input id="uploadp" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> + <img id="spinner" src="/static/img/spinner.gif" class="is-hidden" /> </div> $endif$ <div id="dashinfo"> diff --git a/template/req_reset.st b/template/req_reset.st index 54fb705..33329e3 100755 --- a/template/req_reset.st +++ b/template/req_reset.st @@ -3,7 +3,7 @@ <title>dump.fm Password Reset</title> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/req_reset.css?v=20260130"> <script> jQuery(function() { @@ -54,13 +54,13 @@ $head()$ <div align="center"> - <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div> + <div id="feedback" class="is-hidden"></div> <h1>Forgot your password?</h1> <br> <div> Enter your nick and we'll email you the password reset stuff! </div> - <br /><label style="display:none;">nick:</label> + <br /><label class="is-hidden">nick:</label> <input type="text" id="nick"> <br /> <input type="submit" value="Reset password" id="submit"> diff --git a/template/reset.st b/template/reset.st index 5fbfe65..4402239 100755 --- a/template/reset.st +++ b/template/reset.st @@ -3,6 +3,8 @@ <title>dump.fm Password Reset</title> <script type="text/javascript" src="/static/js/sha1.js"></script> $head()$ + <link rel="stylesheet" type="text/css" href="/static/css/index.css?v=20260131"> + <link rel="stylesheet" type="text/css" href="/static/css/password_reset.css?v=20260131"> <script> jQuery(function() { @@ -26,11 +28,10 @@ }); </script> </head> - <link rel="stylesheet" type="text/css" href="static/css/index.css"> <body> <div id="rapper"></div> -<div id="content" style="z-index:77;"> +<div id="content" class="reset-content"> <div id="main" align="center"> @@ -39,13 +40,13 @@ <a href="/"><img src="/static/img/dumpclearlogo2.png"></a> <div align="center"> $if(valid_request)$ - <div id="feedback" style="display: none; color: red; margin-bottom: 2em;"></div> + <div id="feedback" class="is-hidden"></div> <h1>Reset Your Password</h1> <br> - <label style="text-align:left;margin-bottom:-8px;">New Password:</label> + <label>New Password:</label> <input type="password" id="p1"> <br> - <label style="text-align:left;margin-bottom:-8px;">Repeat Password:</label> + <label>Repeat Password:</label> <input type="password" id="p2"> <br> <form action="$link$" method="POST"> diff --git a/template/rooms/VIP.st b/template/rooms/VIP.st index 64511da..a76427a 100755 --- a/template/rooms/VIP.st +++ b/template/rooms/VIP.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -98,9 +98,9 @@ $footer()$ </div> $preload()$ - <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;"> - <h1>Welcome to the cool club</h1> - <ul> + <div id="vipinfo"> + <h1>Welcome to the cool club</h1> + <ul> <li><a href="$domain$/roomlist">Rooms</a></li> <li><a href="$domain$/users">New Users</a></li> <li><a href="$domain$/users/lastlog">Last seen users</a></li> diff --git a/template/rooms/artornot.st b/template/rooms/artornot.st index 180ff85..b5b77b3 100755 --- a/template/rooms/artornot.st +++ b/template/rooms/artornot.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> @@ -98,8 +98,8 @@ $footer()$ </div> $preload()$ - <div id="vipinfo" style="position: absolute; z-index: 100000; right: 50; bottom: 125; background: white; padding: 10px; opacity: .75;"> - <h1><a href="http://artornot.info/">Is it art..or not??!<br>Dump your art, find it on artornot.info!</a></h1> - </div> + <div id="vipinfo"> + <h1><a href="http://artornot.info/">Is it art..or not??!<br>Dump your art, find it on artornot.info!</a></h1> + </div> </body> </html> diff --git a/template/rooms/atrium.st b/template/rooms/atrium.st index 1464398..8a94dcb 100755 --- a/template/rooms/atrium.st +++ b/template/rooms/atrium.st @@ -17,7 +17,7 @@ <html> <head> $head_edge()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> diff --git a/template/rooms/butt.st b/template/rooms/butt.st index ba68497..c3077ed 100755 --- a/template/rooms/butt.st +++ b/template/rooms/butt.st @@ -6,7 +6,7 @@ <script type="text/javascript" src="/static/js/pichat.butt.js"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> <script type="text/javascript" src="/static/js/sha1.js"></script> -<link rel="stylesheet" type="text/css" href="/static/css/reset.css?v=20260130"> +<link rel="stylesheet" type="text/css" href="/static/css/reset.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20260130"> $if(!user_nick)$ <link href="/static/form_login/front.css" media="screen, projection" rel="stylesheet" type="text/css"> @@ -25,7 +25,7 @@ $endif$ $if(!user_avatar)$ <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css?v=20260130"> $endif$ - <link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260130"> + <link rel="stylesheet" type="text/css" href="/static/css/dump.css?v=20260131.2"> <link rel="stylesheet" type="text/css" href="/static/css/rooms_butt.css?v=20260129"> <script type="text/javascript" src="/static/webcam/webcam.js"></script> <script type="text/javascript" src="/static/js/tooltip.js"></script> @@ -240,7 +240,10 @@ $messages: { m | </div> <!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 --> -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> <!-- end of images_loading_bar code --> diff --git a/template/rooms/chat.down.st b/template/rooms/chat.down.st index 93d106f..7ad9a2a 100755 --- a/template/rooms/chat.down.st +++ b/template/rooms/chat.down.st @@ -18,13 +18,13 @@ <head> <link rel="shortcut icon" href="/static/favicon.ico"> <title>dump.fm</title> - <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_down.css?v=20260131"> </head> <body> <center> - <img src="https://i.imgur.com/BNeoy.png" style="margin-top:15%;"> - </center> - </body></html> + <img src="https://i.imgur.com/BNeoy.png" class="chat-down-image"> + </center> + </body></html> diff --git a/template/rooms/chat.st b/template/rooms/chat.st index 38a2ee2..7d5ae38 100755 --- a/template/rooms/chat.st +++ b/template/rooms/chat.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> diff --git a/template/rooms/dump2.st b/template/rooms/dump2.st index a4140af..fca994f 100755 --- a/template/rooms/dump2.st +++ b/template/rooms/dump2.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/rooms_dump2.css?v=20260129"> <title>no $roomname$ dump.fm</title> diff --git a/template/rooms/dumptest.st b/template/rooms/dumptest.st index 6ab53c2..b20b189 100755 --- a/template/rooms/dumptest.st +++ b/template/rooms/dumptest.st @@ -18,7 +18,7 @@ _____ ___ ___ ___ ___ ___ $if(user_nick)$ <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> diff --git a/template/rooms/frontpage.st b/template/rooms/frontpage.st index 606d51f..a3c8957 100755 --- a/template/rooms/frontpage.st +++ b/template/rooms/frontpage.st @@ -17,7 +17,7 @@ <html> <head> $head()$ - <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <title>$roomname$ dump.fm</title> <script type="text/javascript" src="/static/js/invalid_domains.js"></script> diff --git a/template/rooms/mgmt.st b/template/rooms/mgmt.st index 53de42c..098784d 100755 --- a/template/rooms/mgmt.st +++ b/template/rooms/mgmt.st @@ -22,8 +22,8 @@ <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js?v=20260126"></script> <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css?v=20260130"> -<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> +<link rel="stylesheet" type="text/css" href="/static/css/mgmt.css?v=20260130.2"> +<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <script>Domain = "/"</script> $if(isadmin)$ @@ -65,7 +65,7 @@ window.location = "/error/ie"; <div id="messagePane"> <div id="logo7"> <div align="center"> - <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> + <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <span class="fulltxt"> <a href="$domain$/m/mgmtfull">View in fullscreen!</a></span> </div> @@ -85,7 +85,7 @@ window.location = "/error/ie"; </div> }$ </div> - <div id="favbox" style="display: hidden"></div> + <div id="favbox"></div> <div id="messageList"> $messages: { m | <div class="msgDiv oldmsg dump $if(m.favorited)$favorite$endif$ $if(m.is_image)$contains-image$endif$" id="message-$m.message_id$" nick="$m.nick$"> diff --git a/template/rooms/nocss.st b/template/rooms/nocss.st index cd08097..d38f57a 100755 --- a/template/rooms/nocss.st +++ b/template/rooms/nocss.st @@ -24,7 +24,7 @@ <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <!-- <script type="text/javascript" src="/static/js/jquery-ui-1.8.effects.min.js"></script> --> <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260129"> +<link rel="stylesheet" type="text/css" href="/static/css/chat_wrapper.css?v=20260131"> <script>Domain = "/"</script> $if(!user_nick)$ diff --git a/template/rooms/vortex.st b/template/rooms/vortex.st index 18e308f..1db0aa9 100755 --- a/template/rooms/vortex.st +++ b/template/rooms/vortex.st @@ -2,7 +2,7 @@ <html> <head> <title>dump.fm image vortex</title> -<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260129"> +<link rel="stylesheet" type="text/css" href="/static/css/rooms_vortex.css?v=20260131"> @@ -192,17 +192,19 @@ $messages: { m | }$ <div id="infotxt">dump.fm image vortex<br><br>Real-Time Visualization of whats being dumped now.<br><br><a href="/" class="returnlink"> Return Home</a><br><br> - <div id="likebutton"> - <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex" - scrolling="no" frameborder="0" - style="border:none; width:170px; height:80px"></iframe> - </div> + <div id="likebutton"> + <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/vortex" + scrolling="no" frameborder="0"></iframe> + </div> </div> </div> -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> <script type="text/javascript">m00=document.getElementById("canvas").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> diff --git a/template/search_files.st b/template/search_files.st index 4e55e0f..459a86a 100755 --- a/template/search_files.st +++ b/template/search_files.st @@ -4,11 +4,7 @@ <title>dump.fm image search</title> $head()$ <link rel="stylesheet" type="text/css" href="/static/css/search_files.css?v=20260129"> - <script> - -jQuery(document).ready(Search.initFullpage) - -</script> + <script type="text/javascript" src="/static/js/pages/search_files_init.js?v=20260203"></script> </head> <body> diff --git a/template/simplerlog.st b/template/simplerlog.st index d473738..819f808 100755 --- a/template/simplerlog.st +++ b/template/simplerlog.st @@ -14,8 +14,8 @@ <link rel="shortcut icon" href="/static/favicon.ico"> <link rel="image_src" href="/static/img/thumbs/heartover.gif" > <script type="text/javascript" src="/static/js/pichat.js?v=20260130"></script> -<link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> -<link href="/static/css/simplerlog.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css"> +<link href="/static/css/simplerlog.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/static/js/jquery.masonry.min.js"type="text/javascript"></script> <script src="/static/js/jquery.isotope.min.js"></script> <!-- <link rel="stylesheet" href="/static/css/isostyle.css" type="text/css" media="screen" />--> @@ -41,31 +41,19 @@ $endif$ <!--END HEAD--> <script> var Recips = []; - jQuery(function() { - initLog(Recips) - }); + var MasonryColumnWidth = 270; </script> +<script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> - <script> -jQuery(window).load(function(){ - jQuery('#posts').masonry({ columnWidth: 270 }); - jQuery('#posts').masonry({ singleMode: true }); - jQuery('#posts').masonry({ resizeable: true }); - jQuery('#posts').masonry({ animate: true}); - - - }); -</script> - - - + + </head> <body> <!-- - <iframe src="/fullscreen"style="overflow:hidden;width:100%;height:100%;border:0px;z-index:-1;position:fixed;top:0px;left:0px;"></iframe> + <iframe src="/fullscreen" class="fullscreen-bg"></iframe> --> <!--START BANNER--> @@ -94,7 +82,7 @@ jQuery(window).load(function(){ </a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> $else$ @@ -107,7 +95,7 @@ jQuery(window).load(function(){ <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a> </div> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&layout=button_count&show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe> <a href="/register" id="disregister">Register!</a> $endif$ @@ -159,12 +147,7 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r $dumps: { d | $log_dump(dump=d)$ }$ - $if(json_tags)$ - <script> - $json_tags: { j | $j$; - }$ - </script> - $endif$ + $json_tags_block(json_tags=json_tags)$ $else$ No dumps! $endif$ @@ -191,8 +174,8 @@ dump.fm lets you talk with pictures! Paste an image url, upload, or snap a pic r <br><br> <div id="footer"> @2010 <a href="/">dump.fm</a> -<a href="/about_us" style="word-spacing: normal">About Us</a> -<a href="/help" style="word-spacing: normal">Help FAQ</a> +<a href="/about_us">About Us</a> +<a href="/help">Help FAQ</a> <a href="/terms">Terms</a> <a href="/privacy">Privacy</a> </div> @@ -201,7 +184,7 @@ $google_analytics()$ $debug_log()$ - <div id="inpage-search-results" style="background-color: white;"> + <div id="inpage-search-results"> <div id="search-controls"> <span id="search-message"></span> <a id="search-control-close" href="javascript:Search.close()">close</a> @@ -212,7 +195,10 @@ $debug_log()$ -<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#eee"></span></span></span> -<script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> +<span id="LB0" class="loading-bar"> + <span class="loading-bar-label">Loading...</span> + <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span> +</span> +<script type="text/javascript">if (typeof images_loading_bar === "function") { images_loading_bar(); }</script> </body> </html> diff --git a/template/single_message.st b/template/single_message.st index 352b2ea..4b08490 100755 --- a/template/single_message.st +++ b/template/single_message.st @@ -1,13 +1,12 @@ <html> <head> - <title>dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body class="permalink"> $banner()$ <div class="content"><br><br><br> @@ -39,5 +38,5 @@ $footer()$ </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/slimer.st b/template/slimer.st index ca76a49..9266e2c 100755 --- a/template/slimer.st +++ b/template/slimer.st @@ -4,7 +4,7 @@ <title>dump.fm - Slimer</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Slimer on dump.fm<br><br>A Collection of images of Slimer (Ghostbusters) by users of dump.fm on July 15, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fslimer&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/slothgoth.st b/template/slothgoth.st index 537d3e5..3f90081 100755 --- a/template/slothgoth.st +++ b/template/slothgoth.st @@ -3,7 +3,7 @@ <title>dump.fm - sloth goth</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -25,8 +25,7 @@ <div id="infotxt">Sloth Goth on dump.fm<br><br>A Collection of Sloth Goth Related images made by users of dump.fm<br><br><a href="/" class="returnlink"> Return Home</a><br><br> <div id="likebutton"> <iframe src="https://www.facebook.com/widgets/like.php?href=/m/slothgoth" - scrolling="no" frameborder="0" - style="border:none; width:120px; height:90px"></iframe> + scrolling="no" frameborder="0" class="fb-like-large"></iframe> </div> </div> diff --git a/template/spaceboys.st b/template/spaceboys.st index e5fe957..c4a5de0 100755 --- a/template/spaceboys.st +++ b/template/spaceboys.st @@ -4,7 +4,7 @@ <title>dump.fm - homeboys in space</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_rightinfo.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -28,8 +28,7 @@ <div id="likebutton"> <iframe src="https://www.facebook.com/widgets/like.php?href=/chat/spaceboys" - scrolling="no" frameborder="0" - style="border:none; width:120px; height:90px"></iframe> + scrolling="no" frameborder="0" class="fb-like-large"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/spinningkid.st b/template/spinningkid.st index 744d162..b5fdcd0 100755 --- a/template/spinningkid.st +++ b/template/spinningkid.st @@ -4,7 +4,7 @@ <title>dump.fm - Spinning Kid</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Spinning Kid on dump.fm<br><br>A Collection of images of the 'Spinning Kid' by users of dump.fm on July 12, 2010. <br><br><div class="returnlink"><a href="/static/templates/spinkidtemplate.psd"target="_blank">Download the Spinning Kid Photoshop Template</a><br><br><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fspinningkid&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st index f169aab..3de9509 100755 --- a/template/tagged_dumps.st +++ b/template/tagged_dumps.st @@ -1,13 +1,16 @@ <html> <head> - <title>dump.fm - $page_title$</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>dump.fm - $page_title$</title> + $head()$ + <script> + $if(recips)$ + var Recips = $recips$; + $else$ + var Recips = []; + $endif$ + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="dcontent"> @@ -45,5 +48,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/terms8.st b/template/terms8.st index a1a2a22..9202aea 100755 --- a/template/terms8.st +++ b/template/terms8.st @@ -28,8 +28,8 @@ jQuery(function() - <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> + <div id="news" class="is-hidden dropdown-window"> + <div id="content" name="content" class="content-no-padding"> <div class="bg-white"><center> <img src="/static/img/dumpclouds.png"><br><br> <h5> ©2010 All Rights Reserved<br><br> @@ -37,14 +37,14 @@ jQuery(function() </center><br></div></h5> </div></div> - <div style="display:none;"id="archive"> - <div style="padding:0px" id="content" name="content"> + <div id="archive" class="is-hidden"> + <div id="content" name="content" class="content-no-padding"> - <iframe src="/static/html/terms.html" style="overflow-x:hidden; padding:5;background-image:url(/static/img/hearts.gif);background-repeat:repeat;" width="550px" height="500px"></iframe> + <iframe src="/static/html/terms.html" class="hearts-frame" width="550px" height="500px"></iframe> </div> </div> - <div style="display:none;"id="link"> + <div id="link" class="is-hidden"> </div> diff --git a/template/test.st b/template/test.st index fc7dbbc..62c4335 100755 --- a/template/test.st +++ b/template/test.st @@ -32,7 +32,7 @@ $(document).ready(initLoginForm); <div align="right" class="txt"> <br> <div align="center">dump.fm lets you talk with pictures<br> - <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br> + <a href="/register" class="no-underline">Click here to Register!</a> <br> </div> </div> </div> @@ -81,4 +81,3 @@ $(document).ready(initLoginForm); } catch(err) {} </script> </body> - diff --git a/template/thisguy.st b/template/thisguy.st index 579f3d6..2d89b35 100755 --- a/template/thisguy.st +++ b/template/thisguy.st @@ -4,7 +4,7 @@ <title>dump.fm - this guy</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -21,13 +21,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>This Guy of dump.fm<br><br>A Collection of images of 'this guy' by users of dump.fm (glasspopcorn) on July 3, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fpogs&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> diff --git a/template/topic.st b/template/topic.st index 1594364..a748a20 100755 --- a/template/topic.st +++ b/template/topic.st @@ -1,13 +1,12 @@ <html> <head> - <title>#$topic$ - dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>#$topic$ - dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="content"> @@ -44,5 +43,5 @@ </div> </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/topic_list.st b/template/topic_list.st index c53f2ca..18f2996 100755 --- a/template/topic_list.st +++ b/template/topic_list.st @@ -34,7 +34,7 @@ $if(r.topic)$ <input class="end-topic" type="submit" value="End topic"> $endif$ - <img class="spinner" src="/static/spinner.gif" style="display: none"/> + <img class="spinner is-hidden" src="/static/spinner.gif"/> </div> <br><br><br><br> </div> diff --git a/template/userlog.st b/template/userlog.st index 1dacade..bfe2628 100755 --- a/template/userlog.st +++ b/template/userlog.st @@ -1,13 +1,12 @@ <html> <head> - <title>$nick$'s dump.fm</title> - $head()$ - <script> - jQuery(function() { - initLog($recips$); - }); - </script> - </head> + <title>$nick$'s dump.fm</title> + $head()$ + <script> + var Recips = $recips$; + </script> + <script type="text/javascript" src="/static/js/pages/log_init.js?v=20260203"></script> + </head> <body> $banner()$ <div id="dcontent"> @@ -43,5 +42,5 @@ </div> </div> - </body> -</html> + </body> + </html> diff --git a/template/weedpile.st b/template/weedpile.st index 300ce7f..a576e3e 100755 --- a/template/weedpile.st +++ b/template/weedpile.st @@ -4,7 +4,7 @@ <title>dump.fm - weed pile</title> - <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260129"> + <link rel="stylesheet" type="text/css" href="/static/css/meme_pages.css?v=20260131"> <link rel="stylesheet" type="text/css" href="/static/css/meme_pages_padding10.css?v=20260129"> <script src="/static/js/jquery-1.4.2.min.js?v=20260126" type="text/javascript" charset="utf-8"></script> @@ -22,13 +22,13 @@ </script> </head> <body class="memes"> -<div id="infotxt"> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /> +<div id="infotxt"> <img class="preload-img" border=0 width=0 height=0 /> <a class="img_roll" href="$domain$"></a> <br>Weed Pile on dump.fm<br><br>A Collection of images involving 'Weed Pile' from July 2, 2010. <br><br><div class="returnlink"><a href="/m/cal">Check out upcoming dump themes</a><br><br><a href="/">Return Home</a><br><br></div> $if(!user_nick)$<a href="/register"><div id="registertxt">dump.fm lets you share images in realtime.<br> Click here to register!</div></a>$endif$ <div id="likebutton"> - <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe> + <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdump.fm%2Fm%2Fweedpile&layout=button_count&show_faces=false&width=50&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" class="fb-like-small" allowTransparency="true"></iframe> </div> </div> <div id="rapper"><center> |