diff options
Diffstat (limited to 'template/butt.st')
| -rw-r--r-- | template/butt.st | 436 |
1 files changed, 294 insertions, 142 deletions
diff --git a/template/butt.st b/template/butt.st index 93c22b4..e97390e 100644 --- a/template/butt.st +++ b/template/butt.st @@ -1,150 +1,302 @@ -<html> - <head> - <title>$nick$'s dump.fm</title> - $head()$ - <script src="/static/js/jquery.editinplace.1.0.1.packed.js" type="text/javascript"></script> - <link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css" media="screen" /> - <link rel="stylesheet" href="/static/css/indexxx.css" type="text/css" media="screen" /> - <script type="text/javascript" src="/static/js/jquery.nivo.slider.pack.js"></script> - <script type="text/javascript" src="/static/js/jquery.simplyscroll-1.0.4.min.js"></script> -<link rel="stylesheet" href="/static/css/jquery.simplyscroll-1.0.4.css" media="all" -type="text/css"> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +<title>dump.fm image vortex</title> +<script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script> +<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"> +<link rel="stylesheet" type="text/css" href="/static/css/header.css"> +$if(!user_nick)$ +<link href="/static/form_login/front.css" media="screen, projection" rel="stylesheet" type="text/css"> +$endif$ -<script type="text/javascript"> -(function() { - jQuery(function() { //on DOM ready - jQuery("#scroller").simplyScroll({ - autoMode: 'loop', - pauseOnHover: false, - speed: 1 - }); - }); -})(jQuery); - -</script> - - <script type="text/javascript"> - -jQuery(window).load(function() { - jQuery('#slider').nivoSlider({ - effect:'random', - slices:15, - animSpeed:500, - pauseTime:5000, - startSlide:0, //Set starting Slide (0 index) - directionNav:false, //Next & Prev - directionNavHide:false, //Only show on hover - controlNav:false, //1,2,3... - controlNavThumbs:false, //Use thumbnails for Control Nav - controlNavThumbsSearch: '.jpg', //Replace this with... - controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src - keyboardNav:false, //Use left & right arrows - pauseOnHover:false, //Stop animation while hovering - manualAdvance:false, //Force manual transitions - captionOpacity:0.8, //Universal caption opacity - beforeChange: function(){}, - afterChange: function(){}, - slideshowEnd: function(){} //Triggers after all slides have been shown - }); -}); -</script> - </head> - <body class="profile"> -<div id="rapper7"> - <div id="header7"> - <div id="logoicons"> - <div id="logo7"> - <div align="center"><a href="http://dump.fm"><img src="/static/img/calm.gif">dump.fm</a></div> - </div> - <div class="white"> - - <div id="bar7"> - <div style="float: left;"> - - </div> - </div> - </div> - </div> - - - <div id="topic"></div> - <div id="dumplist"> - <a href="http://news.dump.fm">news</a> - <a href="http://gossip.dump.fm">gossip</a> - <a href="http://art.dump.fm">art</a> - <a href="http://gif.dump.fm">gif</a> - <a href="http://design.dump.fm">design</a> - <a href="http://fashion.dump.fm">fashion</a> - - - -<a href="http://vip.dump.fm/"> VIP </a> - - </div> +$if(isadmin)$ +<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" + type="text/css" media="all" /> +<link rel="stylesheet" href="/static/css/admin.css" + type="text/css" media="all" /> +<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" + type="text/javascript"></script> +<script src="/static/js/admin.js" + type="text/javascript"></script> +$endif$ +$if(!user_avatar)$ + <link rel="stylesheet" type="text/css" href="/static/css/dumpnewuser.css"> +$endif$ + <link rel="stylesheet" type="text/css" href="/static/css/dump.css"> + <script type="text/javascript" src="/static/webcam/webcam.js"></script> + <script type="text/javascript" src="/static/js/tooltip.js"></script> + <script type="text/javascript" src="/static/js/away.js"></script> + <script type="text/javascript" src="/static/js/ajaxupload.js"></script> $if(user_nick)$ - <div id="logout7" class="white"> - <div align="center"> <a href="/logout"> Logout</a> </div>$else$ <div id="logout7" class="white"> $form_login()$</div> $endif$ - - - </div> - <div align="center"><br /></div> - - </div> -</div> -<div id="clouds"> - <div id="page"> - <div id="wrapper"> - <div id="container"> - -<div id="leftstuff"><div id="signinrapper"><div id="signin"><p class="memebertxt">Already a member?</p></div> - <input type="text" id="nickInput" size="17" /><br> - <input id="passwordInputLabel" name="passwordInputLabel" size="17" type="text" class="invisible"> - <input type="password" id="passwordInput" size="17" /><br /> - - <input id="signin-submit" value="Sign In!" /> - <div id="remember"><label> - <input checked="checked" type="checkbox" name="rememberme" id="remembermeInput" /> - Remember Me - </label> - <br> - <a href="/reset-request">Lost password?</a><br> -</div> -</div></div> -<div id="rightstuff"><p class="heading1"><i>The internet is more fun with dump.fm!</p></i><br> - <input id="register-submit" value="Sign Up!" /> -</div> -</div> -<div id="divide"></div> -<div id="aboutdump"><div id="aboutl"> -<div class="heading1">What's dump.fm?</div> -<p class="body1"> -dump.fm is a social network of images. Post pix from anywhere on the net, your computer or right from your webcam in real-time with other people. -</p> - <div id="talkaboutus"> -<div id="slider"> - <a href="http://www.papermag.com/arts_and_style/2009/12/play-on-playas.php"target="_blank"><img src="/static/img/paperquote.png"alt="" /></a> - <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/metroquote.png"alt="" /></a> - <a href="http://www.metronews.ca/edmonton/comment/article/505801--trafficking-in-nostalgia-with-indiana-jones"target="_blank"><img src="/static/img/cnetquote.png"alt="" /></a> - </div></div> -</div> + <script type="text/javascript" src="/json/$user_nick$/favorites"></script> +$endif$ + <script> + jQuery(document).ready(initChat); + var Nick = $json_user_nick$; + var Room = $json_room_key$; + var Timestamp = $timestamp$; +$if(isadmin)$ + var IsAdmin = true; +$else$ + var IsAdmin = false; +$endif$ + if (Nick) { + jQuery(document).ready(function() { setupUpload('upload', Room); }); + } + function showAlert() { alert('MUST LOGIN'); } + 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> -<div id="cloud"></div> -<div id="aboutr" class="right"> -<div class="heading1">What's being dumped now...</div> -<p class="body1"> -Here are some rad images being posted</p> - <div id="talkaboutus"> -<ul id="scroller"> - <li><img src="http://www.gossipboulevard.com/wp-content/uploads/2009/06/paris_cristiano_breakup-150x150.jpg"height="100px"width="100px"></li> - <li><img src="http://hollywooddame.com/wp-content/uploads/2009/02/hayden-panettiere-dumps-milo-ventimiglia-3-150x150.jpg"height="100px"width="100px"></li> - <li><img src="http://th00.deviantart.net/fs5/150/i/2004/293/b/e/Ode_to_Junkyards_and_dumps__by_nove.png"height="100px"width="100px"></li> - <li><img src="http://th06.deviantart.net/fs38/150/i/2008/331/4/4/AA__AJ_PW_Oekaki_Dumps_by_Kai_dono.png" height="100px"width="100px"></li> - <li><img src="http://www.redhorsetruck.com/prodimages/thumbs/multipurposebody%20tn.jpg"height="100px"width="100px"></li> - +<style type="text/css"> + html { + overflow: hidden; + } + body { + margin: 0px; + padding: 0px; + background: #111; + position: absolute; + width: 100%; + height: 100%; + 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; + 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; + } +</style> +<script type="text/javascript"> +// ================================================== +// script realized by G�rard Ferrandez - June 2006 +// http://www.dhteumeuleu.com +// ================================================== + +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> + }$ -</ul> -</div> +</div> -</div></div></div></div></div> -<div id="footerspace"> - <div id="footeri"> - $footer()$ - </div></div> - </body> +<!-- 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> +<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 --> + +</body> </html> |