sostler prod commit

15 files changed, 433 insertions, 46 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 706dbd3..c149794 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -1779,7 +1779,7 @@ padding-top:1px;
 text-transform:capitalize;
 }
 #middash{
-top:60px;
+top:50px;
 position:absolute;
 margin-left:230px;
 }
@@ -1837,23 +1837,24 @@ width:550px;
 
 
 #favstxt{
-margin-top:-55px;
+margin-top:-70px;
 margin-left:-10;
 font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif; 
 font-size:11px;
 background-color:white;
+border:1px solid black;
 padding:7px;
 color:#000;
 position:absolute;
 text-transform:uppercase;
-border:1px solid black;
-	border-radius: 5px;
-	box-shadow:5px 5px 5px #d8dbde;
-  -webkit-box-shadow:5px 5px 5px #d8dbde;
-  -moz-box-shadow:5px 5px 5px #d8dbde;
-	border-radius:5px;
-	-webkit-border-radius:5px;
-	-moz-border-radius:5px;
+background-color:white;
+	box-shadow:2px 2px 2px #d8dbde;
+  -webkit-box-shadow:2px 2px 2px #d8dbde;
+  -moz-box-shadow:2px 2px 2px #d8dbde;
+	border-radius:10px;
+	-webkit-border-radius:10px;
+	-moz-border-radius:10px;
+	font-weight:bold;
 }
 
 #dashavatarPic img{
@@ -1886,4 +1887,22 @@ padding:1px;
 }
 .profiledash{
 overflow:auto;
+}
+#mostrecentdumps{
+display:inline-block;
+width:595px;
+max-height:98px;
+margin-left:-10px;
+margin-top:-20px;
+overflow:hidden;
+}
+#mostrecentdumps img{
+max-height:94px;
+overflow:hidden;
+border:1px solid #000;
+}
+#likebutton{
+position:absolute;
+height:30px;left:255px;
+bottom:30px;
 }
\ No newline at end of file
diff --git a/static/form_login/front.css b/static/form_login/front.css
index 444c54b..8542a20 100644
--- a/static/form_login/front.css
+++ b/static/form_login/front.css
@@ -29,18 +29,20 @@ filter:alpha(opacity=90);
 	text-shadow: #000 0px 0px 0px;
 	padding:5px  5px 5px 5px;
 	text-decoration:none;
-	background-color:#eee;
+	background-color:#fff;
+
 	-webkit-border-radius:4px;font-size:11px;
 	-moz-border-radius:4px;
 	border-radius:4px;
-	*background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
+
 	*padding:4px 12px 6px;	filter:alpha(opacity=80);
 
 
 }
 #login-container .topnav a.signin:hover {
-	*background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
-	*padding:4px 12px 6px;background-color:#ccc;
+
+	*padding:4px 12px 16px; background-color:#ccc;
+
 }
 #login-container .topnav a.signin, #login-container .topnav a.signin:hover {
 	*background-position:0 3px!important;color:#000;
@@ -48,25 +50,26 @@ filter:alpha(opacity=90);
 
 a.signin {
 	position:relative;
+cursor:pointer;
 	margin-left:3px;
 }
 a.signin span {
 	background-image:url("images/toggle_down_light.png");
 	background-repeat:no-repeat;
 	background-position:100% 50%;
-	padding:4px 16px 6px 0;
+	padding:4px 16px 6px 0;cursor:pointer;
 }
 #login-container .topnav a.menu-open {
 	background:#ddeef6!important;
 	color:#666!important;	text-shadow: #000 0px 0px 0px;
-	outline:none;box-shadow: 3px 2px 2px #ccc;
+	outline:none;box-shadow: 3px 2px 2px #ccc;cursor:pointer;
 -webkit-box-shadow: 3px 2px 2px #ccc;
 -moz-box-shadow: 3px 2px 2px #ccc;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true);
 
 }
 
-a.signin.menu-open span {
+a.signin.menu-open span {cursor:pointer;
 	background-image:url("images/toggle_up_dark.png");
 	color:#789;
 }
diff --git a/static/img/grey.gif b/static/img/grey.gif
new file mode 100644
index 0000000..8d74456
--- /dev/null
+++ b/static/img/grey.gif
diff --git a/static/index.html b/static/index.html
index c8301b2..a9044ee 100644
--- a/static/index.html
+++ b/static/index.html
@@ -38,6 +38,7 @@ jQuery(window).load(function() {
 <style>
 
 
+
 body{margin:0px;
 background-color:#fff;
 	font-family:Arial, Helvetica, sans-serif;	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
@@ -48,6 +49,7 @@ A:active {text-decoration: none}
 #rapper{
 width:800px;
 	margin: 0 auto 0 auto;
+border:1px solid black;
 
 background-position:top center;
 	background-repeat:no-repeat;
@@ -212,7 +214,7 @@ text-decoration:none;
 }
 #lilflagr{
 background-image:url(/static/img/lilflagr.png);
-width: 193px; height: 59px;
+width: 191px; height: 59px;
 top:15px;
 padding-right:20px;
 position:absolute;
@@ -270,6 +272,7 @@ padding:5px;
 		ul.pagination li { float:left; margin:0 5px;display:none; }	
 		ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(/static/img/pagination.png); background-position:0 0; background-repeat:no-repeat;}
 
+
 </style>
 </head>
 <body>
diff --git a/static/js/jquery.lazyload.js b/static/js/jquery.lazyload.js
new file mode 100644
index 0000000..276e988
--- /dev/null
+++ b/static/js/jquery.lazyload.js
@@ -0,0 +1,164 @@
+/*
+ * Lazy Load - jQuery plugin for lazy loading images
+ *
+ * Copyright (c) 2007-2009 Mika Tuupola
+ *
+ * Licensed under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *
+ * Project home:
+ *   http://www.appelsiini.net/projects/lazyload
+ *
+ * Version:  1.5.0
+ *
+ */
+(function($) {
+
+    $.fn.lazyload = function(options) {
+        var settings = {
+            threshold    : 0,
+            failurelimit : 0,
+            event        : "scroll",
+            effect       : "show",
+            container    : window
+        };
+                
+        if(options) {
+            $.extend(settings, options);
+        }
+
+        /* Fire one scroll event per scroll. Not one scroll event per image. */
+        var elements = this;
+        if ("scroll" == settings.event) {
+            $(settings.container).bind("scroll", function(event) {
+                
+                var counter = 0;
+                elements.each(function() {
+                    if ($.abovethetop(this, settings) ||
+                        $.leftofbegin(this, settings)) {
+                            /* Nothing. */
+                    } else if (!$.belowthefold(this, settings) &&
+                        !$.rightoffold(this, settings)) {
+                            $(this).trigger("appear");
+                    } else {
+                        if (counter++ > settings.failurelimit) {
+                            return false;
+                        }
+                    }
+                });
+                /* Remove image from array so it is not looped next time. */
+                var temp = $.grep(elements, function(element) {
+                    return !element.loaded;
+                });
+                elements = $(temp);
+            });
+        }
+        
+        this.each(function() {
+            var self = this;
+            
+            /* Save original only if it is not defined in HTML. */
+            if (undefined == $(self).attr("original")) {
+                $(self).attr("original", $(self).attr("src"));     
+            }
+
+            if ("scroll" != settings.event || 
+                    undefined == $(self).attr("src") || 
+                    settings.placeholder == $(self).attr("src") || 
+                    ($.abovethetop(self, settings) ||
+                     $.leftofbegin(self, settings) || 
+                     $.belowthefold(self, settings) || 
+                     $.rightoffold(self, settings) )) {
+                        
+                if (settings.placeholder) {
+                    $(self).attr("src", settings.placeholder);      
+                } else {
+                    $(self).removeAttr("src");
+                }
+                self.loaded = false;
+            } else {
+                self.loaded = true;
+            }
+            
+            /* When appear is triggered load original image. */
+            $(self).one("appear", function() {
+                if (!this.loaded) {
+                    $("<img />")
+                        .bind("load", function() {
+                            $(self)
+                                .hide()
+                                .attr("src", $(self).attr("original"))
+                                [settings.effect](settings.effectspeed);
+                            self.loaded = true;
+                        })
+                        .attr("src", $(self).attr("original"));
+                };
+            });
+
+            /* When wanted event is triggered load original image */
+            /* by triggering appear.                              */
+            if ("scroll" != settings.event) {
+                $(self).bind(settings.event, function(event) {
+                    if (!self.loaded) {
+                        $(self).trigger("appear");
+                    }
+                });
+            }
+        });
+        
+        /* Force initial check if images should appear. */
+        $(settings.container).trigger(settings.event);
+        
+        return this;
+
+    };
+
+    /* Convenience methods in jQuery namespace.           */
+    /* Use as  $.belowthefold(element, {threshold : 100, container : window}) */
+
+    $.belowthefold = function(element, settings) {
+        if (settings.container === undefined || settings.container === window) {
+            var fold = $(window).height() + $(window).scrollTop();
+        } else {
+            var fold = $(settings.container).offset().top + $(settings.container).height();
+        }
+        return fold <= $(element).offset().top - settings.threshold;
+    };
+    
+    $.rightoffold = function(element, settings) {
+        if (settings.container === undefined || settings.container === window) {
+            var fold = $(window).width() + $(window).scrollLeft();
+        } else {
+            var fold = $(settings.container).offset().left + $(settings.container).width();
+        }
+        return fold <= $(element).offset().left - settings.threshold;
+    };
+        
+    $.abovethetop = function(element, settings) {
+        if (settings.container === undefined || settings.container === window) {
+            var fold = $(window).scrollTop();
+        } else {
+            var fold = $(settings.container).offset().top;
+        }
+        return fold >= $(element).offset().top + settings.threshold  + $(element).height();
+    };
+    
+    $.leftofbegin = function(element, settings) {
+        if (settings.container === undefined || settings.container === window) {
+            var fold = $(window).scrollLeft();
+        } else {
+            var fold = $(settings.container).offset().left;
+        }
+        return fold >= $(element).offset().left + settings.threshold + $(element).width();
+    };
+    /* Custom selectors for your convenience.   */
+    /* Use as $("img:below-the-fold").something() */
+
+    $.extend($.expr[':'], {
+        "below-the-fold" : "$.belowthefold(a, {threshold : 0, container: window})",
+        "above-the-fold" : "!$.belowthefold(a, {threshold : 0, container: window})",
+        "right-of-fold"  : "$.rightoffold(a, {threshold : 0, container: window})",
+        "left-of-fold"   : "!$.rightoffold(a, {threshold : 0, container: window})"
+    });
+    
+})(jQuery);
diff --git a/template/dealwithit.st b/template/dealwithit.st
index 903ad71..00472a5 100644
--- a/template/dealwithit.st
+++ b/template/dealwithit.st
@@ -1,6 +1,7 @@
 <html>
   <head>
-    
+     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
     <title>dump.fm - deal with it</title>
   
     <style>
@@ -11,6 +12,7 @@
     body{margin:0px;
 background-color:#fff;
 	font-family:Arial, Helvetica, sans-serif;	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-attachment:fixed;
 }
     .memes{overflow:auto;}
 #rapper{
@@ -38,10 +40,11 @@ color:#000;
 font-size:11px;
 word-spacing:30px;
 	margin: 0 auto 0 auto;
-background-color:#eff5fb;
-margin-top:250px;
 width:798px;
 }
+#footer a{
+text-decoration:none;
+}
 #infotxt{
 font-family: 'courier new', typewriter, matrix, monospace; 
 line-height:15px;
@@ -78,28 +81,61 @@ text-decoration:none;
 
     
     </style>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+
+
+    <script src="http://dump.fm/static/js/jquery.lazyload.js" type="text/javascript"></script>
+    <script>
+      jQuery(function() {          
+          jQuery("img").lazyload({
+             placeholder : "static/img/grey.gif",
+             effect      : "fadeIn",
+             threshold : 200
+          });
+      });
+
+ </script>
   </head>
   <body class="memes">
-<div id="infotxt">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="http://dump.fm/static/templates/dealwithittemplate.psd">Click Here</a> to download the deal with it photoshop template.<br><br><a href="http://dump.fm" class="returnlink"> Return Home</a><br></div>
+<div id="infotxt">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="http://dump.fm/static/templates/dealwithittemplate.psd">Click Here</a> to download the deal with it photoshop template.<br><br><a href="http://dump.fm" class="returnlink"> Return Home</a><br><br>
+
+  
+  <div id="likebutton">
+              <iframe src="http://www.facebook.com/widgets/like.php?href=http://dump.fm/m/dealwithit"
+        scrolling="no" frameborder="0"
+        style="border:none; width:120px; height:90px"></iframe>
+              </div>
+</div>
       <div id="rapper"><center>
        <img src="http://dump.fm/images/20100622/1277238939818-dumpfm-ryder-dealwithitbanner.gif" class="slothbanner"><br>
         <img src="http://dump.fm/images/20100601/1275432708585-dumpfm-noisia-teal-with-it.gif"><br>
+                <img src="http://dump.fm/images/20100601/1275428600528-dumpfm-jeanette-marinadeal.gif"><br>
+                                <img src="http://dump.fm/images/20100623/1277314604000-dumpfm-ryder-beiberdealwirthit.gif"><br>
+                                      <img src="http://imgh.us/dill_with_it.gif"><br>
                 <img src="http://dump.fm/images/20100601/1275428903719-dumpfm-noisia-deal-with-it-misplaced.gif"><br>
+                 <img src="http://dump.fm/images/20100601/1275384875039-dumpfm-jertronic-tuttl.gif"><br>
                         <img src="http://dump.fm/images/20100604/1275637155979-dumpfm-ryder-1275428499992-dumpfm-noisia-deal-with-it-pondercat.gif"><br>
                                 <img src="http://dump.fm/images/20100602/1275501379140-dumpfm-noisia-deal-with-it-twins.gif"><br>
-                      
-                                               
+                                         <img src="http://dump.fm/images/20100623/1277305489561-dumpfm-AGT528-faildealloop.gif"><br>
+                                                                  <img src="http://dump.fm/images/20100623/1277304924854-dumpfm-ryder-rhiannadealwithit.gif"><br>
              
                                                 <img src="http://dump.fm/images/20100601/1275429111424-dumpfm-noisia-deal-with-it-premie-pout.gif"><br>
                                                 
                                                 <img src="http://dump.fm/images/20100622/1277237949745-dumpfm-melipone-raydeal.gif"><br>
                                                 
+                                                    <img src="http://dump.fm/images/20100614/1276502591622-dumpfm-askin4hell-deal-with-it2.gif"><br>
+                                                        <img src="http://dump.fm/images/20100612/1276318959542-dumpfm-mwilliamson-deal-with-itdorritos.gif"><br>
+                                                            <img src="http://dump.fm/images/20100612/1276320346688-dumpfm-mwilliamson-deal-with-tm.gif"><br>
+                                                              <img src="http://dump.fm/images/20100605/1275795352521-dumpfm-hypothete-bravodeal.gif"><br>
+                                                                <img src="http://dump.fm/images/20100601/1275385264896-dumpfm-jertronic-sein.gif"><br>
+                                                            
                                                 <img src="http://dump.fm/images/20100601/1275428310383-dumpfm-noisia-deal-with-incarceration.gif"><br>
  <img src="http://dump.fm/images/20100601/1275385439990-dumpfm-erikhaspresence-dealwithittemplate-google.gif"><br>
  <img src="http://dump.fm/images/20100617/1276756183534-dumpfm-colc-1275934400042-dumpfm-ryder-dealwithitcry.gif"><br>
  <img src="http://dump.fm/images/20100606/1275854322682-dumpfm-scotty2hotty69-jnetdealwithitt.gif"><br>
        <img src="http://dump.fm/images/20100620/1277026084924-dumpfm-arielrebel-ikaridwi.gif"><br>
               <img src="http://dump.fm/images/20100607/1275928234484-dumpfm-ryder-bpdealwithit.gif"><br>
+                                       <img src="http://img155.imageshack.us/img155/4239/alongwaytodealwithit.gif"><br>
                          <img src="http://dump.fm/images/20100601/1275427538422-dumpfm-ryder-glassdealwithit.gif"><br>
                   <img src="http://dump.fm/images/20100611/1276233518431-dumpfm-glasspopcorn-icedealwithit.gif"><br>
                              <img src="http://dump.fm/images/20100601/1275383600094-dumpfm-ryder-dealwithitsloth.gif"><br>
@@ -112,7 +148,7 @@ text-decoration:none;
                <img src="http://dump.fm/images/20100602/1275514162391-dumpfm-CelineDion-deadbabydealwithit.gif"><br>
  <img src="http://dump.fm/images/20100601/1275383910833-dumpfm-ryder-idgidealwithit.gif"><br>
  <img src="http://dump.fm/images/20100601/1275429723422-dumpfm-ryder-dealwithitbug.gif"><br>
-  <img src="http://dump.fm/images/20100601/1275384816608-dumpfm-erikhaspresence-dealwithittemplate.gif"><br>
+
    <img src="http://dump.fm/images/20100601/1275386468425-dumpfm-ryder-paypaldealwithit.gif"><br>
     <img src="http://dump.fm/images/20100411/1271039975904-dumpfm-stultissimus-dealwithityoshi.gif"><br>
      <img src="http://dump.fm/images/20100601/1275386117129-dumpfm-ryder-brokebackdealwithit.gif"><br>
@@ -139,5 +175,9 @@ text-decoration:none;
             $footer()$
 
         </div>
+ <div id="footer">
+            $footer()$
+
+        </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/template/fame.st b/template/fame.st
index 52bceb3..9742362 100644
--- a/template/fame.st
+++ b/template/fame.st
@@ -10,9 +10,8 @@
   <body>
     $banner()$
     <div id="content">
-      <div id="messagetabs"></div>
       <div id="rapper">
-      </div>
+
       
       <div id="messagePanep">
         
diff --git a/template/log.st b/template/log.st
index 9e1c140..5c44f4e 100644
--- a/template/log.st
+++ b/template/log.st
@@ -10,9 +10,7 @@
  <body>
     $banner()$
  <div id="content">
-        <div id="messagetabs"></div>
-        <div id="rapper">
-        </div>
+ 
   
         <div id="messagePanep">
             
diff --git a/template/profile.st b/template/profile.st
index c36a803..97fcfa8 100644
--- a/template/profile.st
+++ b/template/profile.st
@@ -1,6 +1,9 @@
 <html>
   <head>
     <title>$nick$'s dump.fm</title>
+    <meta property="og:image" content="$avatar$"/>
+ <meta property="og:title" content="$nick$'s dump.fm"/>
+ <meta property="og:site_name" content="dump.fm"/>
     $head()$
     <link rel="stylesheet" type="text/css" media="screen" href="/static/css/dump.css">
     <script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script>
@@ -67,7 +70,8 @@
         $endif$   
       </div>
       
-      <div id="middash">		
+      <div id="middash">	
+    
  	<h2><a href="http://dump.fm/$nick$/log">$dump_cnt$ dumps &#10145;</a></h2>
 	<hr>
 	<h2><a href="http://dump.fm/$nick$/favorites">$dumps_user_faved_cnt$ dumps Faved &#10145;</a></h2>
@@ -75,11 +79,19 @@
 	<h3>$if(score_ent)$ $score$ $else$ 0 $endif$ of $if(is_home)$ your $else$ $nick$'s$endif$ dumps Faved</h3>
       </div>
       <div id="dashpix">
-	<div id="favstxt">$nick$'s most recent dumps</div>
+	<a href="http://dump.fm/$nick$/log"><div id="favstxt">$if(is_home)$ your $else$ $nick$'s$endif$ most recent dumps</div></a>
 	<div id="mostrecentdumps">
 	$dumps: { d | $dash_dump(dump=d)$ }$
 	</div>
+
+              <div id="likebutton">
+              <iframe src="http://www.facebook.com/widgets/like.php?href=http://dump.fm/$nick$"
+        scrolling="no" frameborder="0"
+        style="border:none; width:500px; height:30px"></iframe>
+              </div>
+
       </div>
+    
     </div>
 <div id="footerc">
   $footer()$
diff --git a/template/profilelog.st b/template/profilelog.st
new file mode 100644
index 0000000..7189377
--- /dev/null
+++ b/template/profilelog.st
@@ -0,0 +1,122 @@
+<html>
+  <head>
+    <title>$nick$'s dump.fm</title>
+    $head()$
+    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/dump.css">
+    <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>
+ 
+    $banner()$
+      <div id="dcontent">
+
+  
+        <div id="messagePanep">
+          <div id="userListp"><br>    $if(is_home)$<br>$endif$  
+               <h2>  
+                    $if(avatar)$
+               <img id="avatarPic" src="$avatar$"/>
+                $else$<br><br>
+              <img id="avatarPic" src="/static/img/noinfo.png">
+              $endif$
+                 
+               $nick$               </h2><br>
+              $if(score_ent)$
+              <h8>
+              fav score: $score$ 
+              <h9>$score_ent$</h9>
+			  $endif$</h8>
+              $if(isadmin)$<br><br>
+               <div id="adminmute">
+              <a href="#" onclick="Admin.mute('$nick$'); return false">Mute $nick$!</a><br>
+              </div>
+              $endif$
+
+               <div>dumps posted: $dump_cnt$</div>
+               <div>dumps $nick$ faved: $dumps_user_faved_cnt$</div>
+              
+              $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>
+              $endif$
+              
+	     <br> <h3>contact info</h3>
+              $if(contact)$
+	      <br><div id="contact" class="linkify">$contact$</div>
+	      $else$
+	    <div><img id="contact" src="/static/img/noinfo.png"><br><br></div>
+	      $endif$            
+	  
+	      <br><br><h3>bio</h3>
+              $if(bio)$
+	    <br> <div id="bio" class="linkify">$bio$</div>
+	      $else$
+	     <div><img id="bio" src="/static/img/noinfo.png"><br><br></div>
+	      $endif$
+
+       
+    
+
+              $if(is_home)$
+              <br>
+              <div id="edit-toggle"><a href="#">edit profile</a></div><br><br>
+              $endif$
+
+              <br>
+              
+         <a href="http://dump.fm/$nick$/favorites"><h7>$nick$'s <br>Favorite Pix</h7></a>     
+              
+              <div id="date">
+                <div type="text" id="datepicker"></div></div>
+	    </div>
+	    
+	          <div id="favbox" style="display: hidden"></div>
+          <div id="messageList">
+          
+            $if(dumps)$ <span class="content">
+            $dumps:{ d | $profile_dump(dump=d)$ }$
+            
+            
+
+          </span>
+         
+
+
+	    $else$
+	    no dumps
+	    $endif$
+	    </div>
+	    
+
+
+         <div id="msgInputDiv">
+    <div id="msginputrapper"> 
+                 
+             $if(prev)$
+              <a href="/$nick$/$prev$"><input id="prevbutton" value="<- Prev"></a>
+  $else$
+<input id="prevbutton">
+ $endif$
+
+          $if(next)$
+                       <a href="/$nick$/$next$">  <input id="nextbutton" value="Next ->"></a>
+     $else$
+     <input id="nextbutton" value="nomodumps">
+     $endif$
+     
+
+              </div>
+  <div id="footerc">
+              $footer()$
+            </div>
+          </div>
+    </div></div></div>
+  </body>
+</html>
diff --git a/template/single_message.st b/template/single_message.st
index 8e694e6..79ef06f 100644
--- a/template/single_message.st
+++ b/template/single_message.st
@@ -13,10 +13,7 @@
   <body>
     $banner()$
       <div id="content">
-        <div id="messagetabs"></div>
-        <div id="rapper">
-        </div>
-  
+
         <div id="messagePanep"> 
 <br>   <a href="/$message.nick$">
               $if(message.avatar)$
diff --git a/template/slothgoth.st b/template/slothgoth.st
index 7bfbd5b..127fcd2 100644
--- a/template/slothgoth.st
+++ b/template/slothgoth.st
@@ -8,9 +8,12 @@
 
 
 
+
+
     body{margin:0px;
 background-color:#fff;
 	font-family:Arial, Helvetica, sans-serif;	background:#f0f9ff url(/static/img/fade-blue.png) top center repeat-x;
+	background-attachment:fixed;
 }
     .memes{overflow:auto;}
 #rapper{
@@ -38,10 +41,11 @@ color:#000;
 font-size:11px;
 word-spacing:30px;
 	margin: 0 auto 0 auto;
-background-color:#eff5fb;
-margin-top:250px;
 width:798px;
 }
+#footer a{
+text-decoration:none;
+}
 #infotxt{
 font-family: 'courier new', typewriter, matrix, monospace; 
 line-height:15px;
@@ -77,10 +81,32 @@ text-decoration:none;
 }
 
     
+    
     </style>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+
+
+    <script src="http://dump.fm/static/js/jquery.lazyload.js" type="text/javascript"></script>
+    <script>
+      jQuery(function() {          
+          jQuery("img").lazyload({
+             placeholder : "static/img/grey.gif",
+             effect      : "fadeIn",
+             threshold : 200
+          });
+      });
+
+ </script>
   </head>
   <body class="memes">
-<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="http://dump.fm" class="returnlink"> Return Home</a><br></div>
+<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="http://dump.fm" class="returnlink"> Return Home</a><br><br>
+   <div id="likebutton">
+              <iframe src="http://www.facebook.com/widgets/like.php?href=http://dump.fm/m/slothgoth"
+        scrolling="no" frameborder="0"
+        style="border:none; width:120px; height:90px"></iframe>
+              </div>
+
+</div>
       <div id="rapper"><center>
  <img src="http://dump.fm/images/20100622/1277220621487-dumpfm-ryder-slothgothbanner.png" class="slothbanner">
  <img src="http://dump.fm/images/20100609/1276071913564-dumpfm-erikhaspresence-slothgoth.gif"><br>
@@ -142,7 +168,7 @@ text-decoration:none;
 
 </center>
           </div>
-        <div id="footer" style="display:none;">
+        <div id="footer">
             $footer()$
 
         </div>
diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st
index a5bef9c..fb86536 100644
--- a/template/tagged_dumps.st
+++ b/template/tagged_dumps.st
@@ -10,8 +10,7 @@
   <body>
     $banner()$
     <div id="dcontent">
-      <div id="messagetabs"></div>
-      <div id="rapper"></div>
+
       <div id="messagePanep">
 	$infobar$
 	<div id="messageList">
diff --git a/template/userlog.st b/template/userlog.st
index 5a9cc9b..e70ae41 100644
--- a/template/userlog.st
+++ b/template/userlog.st
@@ -5,6 +5,7 @@
     <link rel="stylesheet" type="text/css" media="screen" href="/static/css/dump.css">
     <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(initLog);
     </script> 
@@ -13,9 +14,7 @@
   <body>
     $banner()$
     <div id="dcontent">
-      <div id="messagetabs"></div>
-      <div id="rapper">
-      </div>
+
       
       <div id="messagePanep">
 	$mini_profile$
diff --git a/template/vortex.st b/template/vortex.st
index b459e14..c15c890 100644
--- a/template/vortex.st
+++ b/template/vortex.st
@@ -272,7 +272,13 @@ $messages: { m |
 <img src="$m.content$"><span>$m.nick$</span> 
  }$
 
-<div id="infotxt">dump.fm image vortex<br><br>Real-Time Visualization of whats being dumped now.<br><br><a href="http://dump.fm" class="returnlink"> Return Home</a><br></div> 
+<div id="infotxt">dump.fm image vortex<br><br>Real-Time Visualization of whats being dumped now.<br><br><a href="http://dump.fm" class="returnlink"> Return Home</a><br><br>
+   <div id="likebutton">
+              <iframe src="http://www.facebook.com/widgets/like.php?href=http://dump.fm/chat/vortex"
+        scrolling="no" frameborder="0"
+        style="border:none; width:170px; height:80px"></iframe>
+              </div>
+</div> 
 
 
 </div>