diff options
Diffstat (limited to 'template')
| -rw-r--r-- | template/about_us.st | 2 | ||||
| -rw-r--r-- | template/butt.st | 429 |
2 files changed, 296 insertions, 135 deletions
diff --git a/template/about_us.st b/template/about_us.st index 7431eac..616b6ad 100644 --- a/template/about_us.st +++ b/template/about_us.st @@ -27,7 +27,7 @@ background-attachment:fixed;" onload=" "> $banner()$ - + <div id="byfurie"><a href="http://www.mattfurie.com/"target="_blank"><img src="/static/img/bymattfurie.png"></a></div> <div style="overflow:hidden; height:600px; position:absolute;display:none;" id="news"> diff --git a/template/butt.st b/template/butt.st index e89a285..e97390e 100644 --- a/template/butt.st +++ b/template/butt.st @@ -1,141 +1,302 @@ -<html> - <head> - <title>$nick$'s dump.fm</title> - $head()$ - <link rel="stylesheet" type="text/css" media="screen" href="/static/css/profile.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="chatrap"> - <div id="headerbar"></div> +<!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$ - <div id="log"> - <div id="loghead"> - </div> - <br> - <div id="posts"> - - <div id="cats"> - $if(dumps)$ - <div id="lolbanner"> - <img src="/static/img/welcomebanner.gif"> - </div> - - $dumps:{ d | $profile_dump(dump=d)$ }$ - <div id="profile"> +$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)$ + <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> - <h2>$nick$</h2> - $if(avatar)$ - <img id="avatarPic" src="$avatar$" width="150px"/> - $else$ - <img id="avatarPic"><img src="/static/img/noinfo.png"> - $endif$ - - $if(is_home)$ - <div id="avatar-editing" style="display: none"> - <div id="avatar" class="editable">$avatar$</div> - <input id="upload" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> - </div> - $endif$ - - <h3>contact info</h3> - $if(contact)$ - <div id="contact" class="linkify">$contact$</div> - $else$ - <div><img id="contact" src="/static/img/noinfo.png"></div> - $endif$ - <br> - - <h3>bio</h3> - $if(bio)$ - <div id="bio" class="linkify">$bio$</div> - $else$ - <div><img id="bio" src="/static/img/noinfo.png"></div> - $endif$ +<style type="text/css"> + html { + overflow: hidden; + } + body { + margin: 0px; + padding: 0px; + background: #111; + position: absolute; + width: 100%; + height: 100%; - $if(is_home)$ - <br> - <div id="edit-toggle"><a href="#">edit profile</a></div> - $endif$ + 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> + }$ - <br> - <div id="date"> - <div type="text" id="datepicker"></div></div> - </div> - $else$ - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <div id="newuser"> - <h2>Welcome to dump.fm</h2> - <br><br> - - <h1>Step ❶</h1> - <h3>☟ Find a sweet image for your avatar, paste the URL below ☟</h3> - $if(avatar)$ - <img id="avatarPic" src="$avatar$" width="150px"/> - $else$ - <b id="avatarPic"></b> - $endif$ - - $if(is_home)$ - <div id="avatar-editing"> - <div id="avatar" class="editable">$avatar$</div> - <input id="upload" value="Upload Icon" type="submit"> - <img id="spinner" src="/static/img/spinner.gif" style="display: none" /> - </div> - $endif$ - - <h1>Step ❷</h1> - <h3>☟ Enter some contact info below ☟</h3> - <div id="contact" class="$if(is_home)$editable$else$linkify$endif$">$contact$</div> - <br> - - <h1>Step ❸</h1> - <h3>☟ Enter some personal info below ☟</h3> - <div id="bio" class="$if(is_home)$editable$else$linkify$endif$">$bio$</div> - <br> - <h1>Step ❹</h1> - - <h3> <a href="/chat">Join the ♣ and start posting pictures!</a></h3> - <h3> </h3></div> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - <h3> </h3> - $endif$ - - <p> </p> - <div id="pnav"> +</div> - $if(next)$ - <div id="pnavn"><a href="/u/$nick$/$next$">next ☞</a></div> - $endif$ - - - $if(prev)$ - <div id="pnavo"> <a href="/u/$nick$/$prev$">☜ prev</a></div> - $endif$ - - <br><br> - </div> - - <div id="footer"> - $footer()$ - </div> - </div> - </div></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> |