summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rwxr-xr-xstatic/css/dump.css53
-rw-r--r--static/img/thumbs/heartcolorshift.gifbin0 -> 4088 bytes
-rw-r--r--static/index.html10
-rw-r--r--static/js/pichat.js4
-rw-r--r--template/banner.st15
-rw-r--r--template/chat.st27
-rw-r--r--template/mail/welcome.st2
-rw-r--r--template/meme.st45
-rw-r--r--template/vortex.st270
9 files changed, 379 insertions, 47 deletions
diff --git a/static/css/dump.css b/static/css/dump.css
index 1a8c526..93e1776 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -59,7 +59,18 @@ table {
/*header stuff */
-
+a.img_roll:link, .img_roll{
+ width:130px;
+ height:46px;
+ display:block;
+ background-image:url(http://dump.fm/static/img/dumppixel.png);
+}
+a.img_roll:hover{
+ width:130px;
+ height:46px;
+ display:block;
+ background-image:url(http://dump.fm/static/img/dumppixelhover.png);
+}
.white a:hover {
text-decoration: none;
color: #fff;
@@ -583,7 +594,7 @@ width:100;
.msg-hover.content img {
cursor: pointer;
background-position:center;
- opacity:0.9;
+ opacity:0.8;
z-index:2;
display: inline-block;
}
@@ -593,7 +604,6 @@ width:100;
background-image:url("/static/img/thumbs/stripes.gif");
opacity:1.0;
color:#000;
- background-color:#fff;
background-position:bottom right;
z-index:3;
background-attachment:fixed;
@@ -601,10 +611,9 @@ width:100;
.msg-hover.content .img-wrapper {
cursor: pointer;
- background-image:url("/static/img/thumbs/stripes.gif");
+ background-image:url("/static/img/thumbs/heartcolorshift.gif");
opacity:1.0;
color:#000;
- background-color:#fff;
background-position:bottom right;
background-attachment:fixed;
display: inline-block;
@@ -627,13 +636,23 @@ width:100;
a.msg-image-zoom img.zoom-icon {
height: 48px;
width: 48px;
- opacity: .5;
- border: 2px gray dashed;
+ opacity: .8;
+ border: 1px solid black;
+ box-shadow: -1px 1px 0px #000;
+ -webkit-box-shadow:-1px 1px 0px #000;
+ -moz-box-shadow: -1px 1px 0px #000;
}
a.msg-image-zoom img.zoom-icon:hover {
- opacity: 1;
- border: 2px solid black;
+ opacity:1.0;
+ border-top: 1px solid black;
+ border-right: 1px solid black;
+ border-left: 2px solid black;
+ border-bottom: 2px solid black;
+
+ box-shadow: -1px 1px 0px #000;
+ -webkit-box-shadow:-1px 1px 0px #000;
+ -moz-box-shadow: -1px 1px 0px #000;
}
.msgDiv.favorite{
@@ -641,6 +660,7 @@ a.msg-image-zoom img.zoom-icon:hover {
background-position:top right;
background-position:bottom right;
background-attachment:fixed;
+
}
div.content img:hover{background-color:white;}
@@ -1213,8 +1233,8 @@ border-bottom:2px solid #c8cbce;
/* opacity:0.75;*/
z-index:18;
text-align: left;
-background-color:white;
+background-image:url(/static/img/bg.dither.gif);
}
#userList a:hover{color:#ffffff;}
.username{height:30px;
@@ -1963,7 +1983,7 @@ margin-left:100px;
-moz-border-radius-bottomleft:5px;
margin-right:50%;
background-color:white;
-width:800px;
+min-width:800px;
min-height:435px;
position:absolute;
}
@@ -1982,8 +2002,8 @@ min-height:400px;
}
#dashuserlist img{
-height:50px;
-
+max-height:70px;
+max-width:150px;
}
#dashuserlist h2{
@@ -2012,7 +2032,7 @@ margin-bottom:10px;
font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size:35px;
letter-spacing:-2px;
-line-height:20px;
+line-height:28px;
}
#middash h2{
font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
@@ -2074,6 +2094,7 @@ border:1px solid black;
-moz-border-radius:5px;
}
-#dashavatar img{
-
+#dashavatarPic img{
+max-height:70px;
+max-width:150px;
} \ No newline at end of file
diff --git a/static/img/thumbs/heartcolorshift.gif b/static/img/thumbs/heartcolorshift.gif
new file mode 100644
index 0000000..12cf83f
--- /dev/null
+++ b/static/img/thumbs/heartcolorshift.gif
Binary files differ
diff --git a/static/index.html b/static/index.html
index 479355f..e1f6063 100644
--- a/static/index.html
+++ b/static/index.html
@@ -256,11 +256,10 @@ padding:5px;
<div id="rapper">
<div id="toplogo">
<img src="/static/img/dumppixellarge.png">
-<a href="/static/slowthgoth.html">
+
<div id="lilflag">
HOME OF THE SLOTHGOTH!!!!!
</div>
-</a>
</div>
<div id="bottomcontainer">
@@ -284,17 +283,14 @@ height="205"></div>
<div style="position: absolute; left: 1076px; display: block;"><img
src="/static/img/slide3.png" alt="dump.fm" width="538px"
height="205"></div>
- <div style="position: absolute; left: 1614px; display: block;"><img
-src="/static/img/slide4.png" alt="dump.fm" width="538px"
-height="205"></div>
+
</div>
</div>
<ul class="pagination">
<li class=" "><a rel="1" href="#">1</a></li>
<li class=" "><a rel="2" href="#">2</a></li>
- <li class=" "><a rel="3" href="#">3</a></li>
- <li class=" active"><a rel="4" href="#">4</a></li>
+ <li class=" active "><a rel="3" href="#">3</a></li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
diff --git a/static/js/pichat.js b/static/js/pichat.js
index 5a7f956..a3873a3 100644
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -719,7 +719,7 @@ function setupUploadAvatar(elementId) {
+ maxSize + "KB or less please.");
return;
}
- var s = '<img id="dashavatarPic" src="' + r + '" width="150" />';
+ var s = '<img id="dashavatarPic" src="' + r + ' />';
$('#dashavatarPic').replaceWith(s).show();
};
new AjaxUpload(elementId, {
@@ -1038,7 +1038,7 @@ $(function() {
OrigTitle = $('title').text();
});
-var imgZoomThreshhold = [200, 200];
+var imgZoomThreshhold = [125, 125];
function initChatMsgs() {
$('.msgDiv .content').live('mouseenter', function(e) {
diff --git a/template/banner.st b/template/banner.st
index 791ef74..2ca62d1 100644
--- a/template/banner.st
+++ b/template/banner.st
@@ -3,20 +3,7 @@
<div id="logoicons">
<div id="logo7">
<div align="center">
- <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 /><style type='text/css'>
-a.img_roll:link, .img_roll{
- width:130px;
- height:46px;
- display:block;
- background-image:url(http://dump.fm/static/img/dumppixel.png);
-}
-a.img_roll:hover{
- width:130px;
- height:46px;
- display:block;
- background-image:url(http://dump.fm/static/img/dumppixelhover.png);
-}
-</style>
+ <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 />
<a class="img_roll" href="http://dump.fm/"></a>
diff --git a/template/chat.st b/template/chat.st
index 53206ec..d9de62c 100644
--- a/template/chat.st
+++ b/template/chat.st
@@ -49,6 +49,13 @@ $endif$
}
jQuery(startTitleUpdater);
jQuery(initChatMsgs);
+ $if(user_nick)$ //
+ $else$
+ function showAlert() {
+ alert('Join dump.fm @ http://dump.fm/register');
+ }
+
+$endif$
</script>
<style>
#chat-wrapper {
@@ -64,10 +71,6 @@ $endif$
<body>
$banner()$
-$if(isadmin)$
-<div id="tinychattab" style="display:none;">tinychat
-$tinychat()$</div>
-$endif$
<div id="chatrap">
@@ -107,7 +110,7 @@ $messages: { m |
}$
<hr />
</div>
-
+ $if(user_nick)$
<div id="msgInputDiv">
<div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div>
<input id="msgSubmit" type="submit" value="Send"/>
@@ -116,10 +119,20 @@ $messages: { m |
<input id="webcam-button-upload" value="Webcam" type="submit">
<input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink">
<button id="palette-button"><img src="/static/img/palette.gif"></button>
- <div id="trophy" style="display:none;"><a href="javascript:pop('http://www.likeneveralways.com/trash/count/index.php');"class="tooltip" title="Contest Counter"><img src="/static/img/trophyicon.gif"></a></div>
</div><div id="effects-msg"class="invisible">click on your face for effects!</div>
</div>
-
+$else$
+ <div id="msgInputDiv">
+ <div id="msginputrapper"> <input id="msgInput" class="msgInput" type="input" /> </div>
+ <input id="msgSubmit" type="submit" value="Send" onClick="showAlert();"/>
+
+ <input id="upload" value="Upload" type="submit" onClick="showAlert();">
+ <input id="webcam-button-upload" value="Webcam" type="submit" onClick="showAlert();">
+ <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink"onClick="showAlert();">
+ <button id="palette-button"><img src="/static/img/palette.gif" onClick="showAlert();"></button>
+ </div><div id="effects-msg"class="invisible">click on your face for effects!</div>
+ </div>
+ $endif$
</div>
</div>
</div>
diff --git a/template/mail/welcome.st b/template/mail/welcome.st
index 7cd47fc..67b5543 100644
--- a/template/mail/welcome.st
+++ b/template/mail/welcome.st
@@ -16,7 +16,7 @@ border:1px dashed #cccccc;width:460px;background-color:white;">
</pre></strong>
<hr width="70%"align="left">
<p style="width:380px;"><b>
- dump.fm lets you share images in real-time. Post pics from your webcam, computer or anywhere on the web instantly with other rad folks. Get started by setting up your profile <a href="http://dump.fm/u/$nick$">here</a>!
+ dump.fm lets you share images in real-time. Post pics from your webcam, computer or anywhere on the web instantly with other rad folks. Get started by setting up your profile <a href="http://dump.fm/$nick$">here</a>!
<br><br>
Happy dumping!
<br><br>
diff --git a/template/meme.st b/template/meme.st
new file mode 100644
index 0000000..90ec420
--- /dev/null
+++ b/template/meme.st
@@ -0,0 +1,45 @@
+<html>
+ <head>
+
+ <title>dump.fm</title>
+ $head()$
+ <link rel="stylesheet" type="text/css" href="http://dump.fm/static/css/dump.css">
+ <script>
+ jQuery(document).ready(initDirectory);
+ </script>
+
+
+ </head>
+ <body>
+ $banner()$
+ <div id="content">
+ <div id="messagetabs"></div>
+ <div id="rapper">
+ </div>
+
+ <div id="messagePanep">
+<br> <a href="/u/$message.nick$">
+ $if(message.avatar)$
+ <div style="border-image:url($message.avatar$)">
+ <div id="avatarPic">
+ <img height="50" width="50" src="$message.avatar$"></img>
+ </div>
+
+ <b>$message.nick$</b>
+ <hr>
+ $endif$
+ </a>
+ <div id="messageList">
+ <div class="content" id="message-$message.message_id$">
+
+ <span class="linkify">$message.content$</span>
+ <hr />
+ </div>
+
+ </div>
+ <div id="footerc">
+ $footer()$
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/template/vortex.st b/template/vortex.st
new file mode 100644
index 0000000..4348172
--- /dev/null
+++ b/template/vortex.st
@@ -0,0 +1,270 @@
+
+<html>
+<head>
+<title>dump.fm image vortex</title>
+<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>
+<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
+
+
+ <script>
+ jQuery(document).ready(initChat);
+ var Nick = $json_user_nick$;
+ var Room = $json_room_key$;
+ var Timestamp = $timestamp$;
+
+
+ </script>
+
+<style type="text/css">
+
+ html {
+ overflow: hidden;
+ }
+ body {
+ margin: 0px;
+ padding: 0px;
+ background: #111;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x fixed;
+ cursor: crosshair;
+ }
+ #canvas {
+ position:absolute;
+ left: 0%;
+ top: 0%;
+ width: 100%;
+ height: 100%;
+ background:#EEF2FF url(/static/img/fade-blue.png) top center repeat-x fixed;
+ overflow: hidden;
+ }
+ #canvas img {
+ position: absolute;
+ background: #666;
+ overflow: hidden;
+ cursor: pointer;
+ left: 100%;
+ border-color: #000;
+ border-style: solid;
+ border-width: 1px;
+ -ms-interpolation-mode:nearest-neighbor;
+ }
+ #canvas span {
+ position: absolute;
+ color: #9C9;
+ font-family: 'courier new', typewriter, matrix, monospace;
+ font-size: 0px;
+ white-space: nowrap;
+ left: -1000px;
+ background: #010;
+ filter: alpha(opacity=90);
+ opacity: 0.9;
+ }
+#infotxt{
+font-family: 'courier new', typewriter, matrix, monospace;
+line-height:16px;
+background-image:url(/static/img/bg.dither.gif);
+width:260px;
+padding:10px;
+ border-bottom-right-radius:100px;
+ -webkit-border-bottom-right-radius:100px;
+ -moz-border-radius-bottomright:100px;
+ z-index:8000000;
+}
+</style>
+<script type="text/javascript">
+id = function(o) { return document.getElementById(o); }
+px = function (x) { return ''.concat(Math.round(x), 'px'); }
+
+//////////////////////////////////////////////////////////////////////////////
+function resize() { gf.resize(); }
+onresize = resize;
+
+document.onmousemove = function(e)
+{
+ if(window.event) e=window.event;
+ gf.xm = (e.x || e.clientX) - gf.nx - gf.nw * .5;
+ gf.ym = (e.y || e.clientY) - gf.ny - gf.nh * .5;
+}
+
+//////////////////////////////////////////////////////////////////////////////
+var gf = {
+ O : [],
+ cont : 0,
+ N : 0,
+ S : 0,
+ img : 0,
+ spa : 0,
+ xm : 0,
+ ym : 0,
+ nx : 0,
+ ny : 0,
+ nw : 0,
+ nh : 0,
+ cx : 0,
+ cy : 0,
+ zoom : 1,
+ x : 0,
+ y : 0,
+ z : -40000,
+ xt : 0,
+ yt : 0,
+ zt : 0,
+//////////////////////////////////////////////////////////////////////////////
+ resize : function ()
+ {
+ var o = id('canvas');
+ gf.nx = o.offsetLeft;
+ gf.ny = o.offsetTop;
+ gf.nw = o.offsetWidth;
+ gf.nh = o.offsetHeight;
+ gf.zoom = gf.nh / 700;
+ },
+
+ CObj : function (n)
+ {
+ this.n = n;
+ this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
+ this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
+ this.z = Math.round(n * (10000 / gf.N));
+ this.w = gf.img[n].width;
+ this.h = gf.img[n].height;
+ this.oxt = gf.spa[n];
+ this.oxs = this.oxt.style;
+ this.txt = gf.spa[n].innerHTML;
+ this.oxt.innerHTML = "";
+ this.obj = gf.img[n];
+ this.obs = this.obj.style;
+ this.obj.parent = this;
+ this.obj.onclick = function() { this.parent.click(); }
+ this.obj.ondrag = function() { return false; }
+ this.oxt.style.zIndex = this.obj.style.zIndex = Math.round(1000000 - this.z);
+ this.F = false;
+ this.CF = 100;
+ this.sto = [];
+
+ this.anim = function()
+ {
+ var f = 700 + this.z - gf.z;
+ if (f > 0)
+ {
+ var d = 1000 / f;
+ var X = gf.nw * .5 + ((this.x - gf.x - gf.cx) * d);
+ var Y = gf.nh * .5 + ((this.y - gf.y - gf.cy) * d);
+ var W = d * this.w * gf.zoom;
+ var H = d * this.h * gf.zoom;
+ this.obs.left = px(X - W * .5);
+ this.obs.top = px(Y - H * .5);
+ this.obs.width = px(W);
+ this.obs.height = px(H);
+ this.oxs.visibility = (this.CF-- > 0 && Math.random() > .9) ? "hidden" : "visible";
+ this.oxs.left = px(X - W * .5);
+ this.oxs.top = px(Y + H * .5);
+ if((gf.zt - gf.z) < 20)
+ {
+ if(!this.F)
+ {
+ this.F = true;
+ this.CF = Math.random() * 200;
+ this.oxs.fontSize = px(1 + d * 20 * gf.zoom);
+ var T = "";
+ var tn = this.txt.length;
+ for(var i = 0; i < tn; i++)
+ {
+ T = T.concat(this.txt.charAt(i));
+ this.sto[i] = setTimeout('gf.O['.concat(n, '].oxt.innerHTML = "', T.concat("_"), '";'), Math.round(f / 4) + 32 * i);
+ }
+ }
+ }
+ else
+ {
+ this.F = false;
+ this.oxt.innerHTML = "";
+ }
+ }
+ else
+ {
+ this.x = gf.zoom * Math.random() * gf.nw * 2 - gf.nw;
+ this.y = gf.zoom * Math.random() * gf.nh * 2 - gf.nh;
+ this.z += 10000;
+ this.oxs.zIndex = this.obs.zIndex = Math.round(1000000 - this.z);
+ }
+ }
+
+ this.cto = function()
+ {
+ var i = this.txt.length;
+ while (i--) clearTimeout(this.sto[i]);
+ }
+
+ this.click = function()
+ {
+ var i = gf.N;
+ while (i--) gf.O[i].cto();
+ if(gf.S != this)
+ {
+ gf.xt = this.x;
+ gf.yt = this.y;
+ gf.zt = this.z;
+ gf.S = this;
+ }
+ else
+ {
+ gf.S = 0;
+ gf.zt += 1600;
+ }
+ }
+ },
+
+ init : function ()
+ {
+ gf.cx = gf.nw / 2;
+ gf.cy = gf.nh / 2;
+ gf.cont = id("canvas");
+ gf.img = id("canvas").getElementsByTagName("img");
+ gf.spa = id("canvas").getElementsByTagName("span");
+ gf.N = gf.img.length;
+ for (var i = 0; i < gf.N; i++) gf.O[i] = new gf.CObj(i);
+ gf.run();
+ gf.O[0].click();
+ },
+
+ run : function ()
+ {
+ gf.cx += (gf.xm - gf.cx) * .1;
+ gf.cy += (gf.ym - gf.cy) * .1;
+ gf.x += (gf.xt - gf.x) * .05;
+ gf.y += (gf.yt - gf.y) * .05;
+ gf.z += (gf.zt - gf.z) * .05;
+ var i = gf.N;
+ while (i--) gf.O[i].anim();
+ setTimeout(gf.run, 16);
+ }
+}
+
+onload = function() {
+ resize();
+ gf.init();
+}
+
+</script>
+</head>
+
+<body>
+
+<div id="canvas">
+$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"> Return Home</a><br></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>
+<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>
+
+
+</body>
+</html>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 12:31:36 +0000