summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rwxr-xr-xstatic/css/dump.css39
-rw-r--r--static/form_login/front.css17
-rw-r--r--static/img/grey.gifbin0 -> 43 bytes
-rw-r--r--static/index.html5
-rw-r--r--static/js/jquery.lazyload.js164
-rw-r--r--template/dealwithit.st54
-rw-r--r--template/fame.st3
-rw-r--r--template/log.st4
-rw-r--r--template/profile.st16
-rw-r--r--template/profilelog.st122
-rw-r--r--template/single_message.st5
-rw-r--r--template/slothgoth.st34
-rw-r--r--template/tagged_dumps.st3
-rw-r--r--template/userlog.st5
-rw-r--r--template/vortex.st8
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
Binary files differ
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>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 12:08:04 +0000