sostler prod commit

author: dumpfmprod <dumpfmprod@ubuntu.(none)> 2010-06-02 13:22:42 -0400
committer: dumpfmprod <dumpfmprod@ubuntu.(none)> 2010-06-02 13:22:42 -0400
commit: 42992d9cfcce4cc4e28be25a7d81500c26dd31ae (patch)
tree: 03a8cc921fc8b9a1ce7c135720971a01a4349734 /template
parent: 213b7c38376df9e7645aec5ecb2c1e06e56fb4c6 (diff)
3 files changed, 331 insertions, 168 deletions
diff --git a/template/banner.st b/template/banner.st
index f541393..9ee037a 100644
--- a/template/banner.st
+++ b/template/banner.st
@@ -2,7 +2,7 @@
   <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 align="center"><a href="http://dump.fm"><img src="/static/img/dumppixel.png"></a></div>
     </div>
     <div class="white">
       
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>
diff --git a/template/tagged_dumps.st b/template/tagged_dumps.st
index 94b66e7..cbc2f59 100644
--- a/template/tagged_dumps.st
+++ b/template/tagged_dumps.st
@@ -2,45 +2,56 @@
 <head>
   <title>dump.fm - $page_title$</title>
 $head()$
-  <link rel="stylesheet" type="text/css" href="/static/css/directory.css">
+  <link rel="stylesheet" type="text/css" href="/static/css/dump.css">
   <script>
      jQuery(document).ready(initLog);
   </script>
 </head>
-<body>
-  $banner()$
-  <div id="chatrap">
-    <div id="log">   
-	    <div id="loghead"></div>
-      <br>
-      <div id="posts">
-        <center><h2>$page_title$</h2></center>
-        <div id="lolbanner">
-          <img src="/static/img/welcomebanner.gif">
-        </div>
+  <body class="profile">
+    $banner()$
+    <div id="chatrap">
+      <div id="log">   
+        <br>
+                         <div id="dprofile">
+            <h2>$page_title$ </h2><br><h3><br>
+            
+            
+            
+            </h3>
+            
+            
+            </div>
+        <div id="dposts">
+          <br>
+
 $if(dumps)$
-  $dumps: { d | $log_dump(dump=d)$ }$
+  $dumps: { d |  <div class="dlogged-dump">$log_dump(dump=d)$
+
+  
+  </div> }$
   $if(json_tags)$
 <script>
   $json_tags: { j | $j$;
 }$
 </script>
+
   $endif$
 $else$
-  No dumps!
-$endif$
-        <div id="pnav">
-$if(next)$
-          <div id="pnavo"><a href="/$page_url$/$next$">MOAR!</a></div> 
-$endif$
-            &nbsp;
-$if(prev)$
-          <div id="pnavn">  <a href="/$page_url$/$prev$">BACK</a>          </div>
+          <span>No favs!</span>
 $endif$
-          <br><br>
-        </div>
-      </div>
 
+
+  <div id="pnav">
+  $if(next)$
+                <div id="pnavn"><a href="/$page_url$/$next$">next &#9758;</a></div> 
+              $endif$
+
+              &nbsp;
+              $if(prev)$
+              <div id="pnavo">  <a href="/$page_url$/$prev$">&#9756; prev</a></div>
+              $endif$
+          <br><br>
+         </div>
       <div id="footer">
 $footer()$
       </div>
author	dumpfmprod <dumpfmprod@ubuntu.(none)>	2010-06-02 13:22:42 -0400
committer	dumpfmprod <dumpfmprod@ubuntu.(none)>	2010-06-02 13:22:42 -0400
commit	42992d9cfcce4cc4e28be25a7d81500c26dd31ae (patch)
tree	03a8cc921fc8b9a1ce7c135720971a01a4349734 /template
parent	213b7c38376df9e7645aec5ecb2c1e06e56fb4c6 (diff)