From dfda5d7399da4b4d19f13abd6dc390e23ff294c4 Mon Sep 17 00:00:00 2001
From: pepperpepperpepper <pepper@scannerjammer.com>
Date: Mon, 16 Nov 2015 19:58:26 -0800
Subject: ok time to finish this gallery

---
 share/frontend/htmljs/imbreak_main.js       | 113 ------
 share/frontend/htmljs/imgradient_index.html | 539 ----------------------------
 share/frontend/htmljs/imgrid_main.js        | 121 -------
 3 files changed, 773 deletions(-)
 delete mode 100644 share/frontend/htmljs/imbreak_main.js
 delete mode 100644 share/frontend/htmljs/imgradient_index.html
 delete mode 100644 share/frontend/htmljs/imgrid_main.js

(limited to 'share/frontend/htmljs')

diff --git a/share/frontend/htmljs/imbreak_main.js b/share/frontend/htmljs/imbreak_main.js
deleted file mode 100644
index c56c9a2..0000000
--- a/share/frontend/htmljs/imbreak_main.js
+++ /dev/null
@@ -1,113 +0,0 @@
-var Main =
-	{
-	firsttime: true,
-	generating: false,
-	thelast: "",
-	enter: function (e)
-		{
-		if (Main.generating)
-			return
-		if (e.keyCode === 13)
-			Main.go()
-		},
-	go: function ()
-		{
-		if (Main.generating)
-			return
-		Main.generating = true
-		var theloader = '<span style="width:100%;margin-right:40%"><img style="width:140px;height:120px;display:inline;" src="generating.gif"></img></span>'
-		$("#output-cmd").html(theloader).show()
-		$('.result').show()
-		$('.results').show()
-		$("#output-img").show()
-		$("#output-url").show()
-		$("#result").show()
-		var data =
-			{
-			breakmode:$('input:radio[name=modeswitch]:checked').val(),
-			breaktype: $('#breaktype :selected').val(),
-			breakangle: $("#breakangle").val(),
-			url: $('#url').val(),
-			username: $('#username').val(),
-			firsttime: Main.firsttime.toString()
-			}
-		if (data["breakmode"] == "gradual")
-				{
-				data["breakmode"] = "subtle"
-				if (Main.lines && Main.thelast == $('#url').val())
-					{
-					Main.firsttime = false
-					data["url"] = Main.lines[1]
-					}
-				}
-		else
-			{
-			Main.firsttime = true
-			}
-		Main.thelast = $('#url').val();
-		thestring = JSON.stringify(data);
-		$('#error').append(thestring);
-		if (data.username.length > 0)
-		document.cookie = "imname="+data.username+";path=/;domain=.asdf.us;max-age=1086400"
-		$.post("/im/api/imbreak", data, Main.callback)
-		},
-	error: function (s)
-		{
-		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
-		$("#output-url").hide()
-		$("#output-img").hide()
-		},
-	filesize: function (size)
-		{
-		if (size < 1024)
-			return size.toString() + " bytes"
-		if (size < 1024 * 1024)
-			return Math.floor (size/1024).toString() + " KB"
-		else
-			return Math.floor (size/(1024*1024)).toString() + " MB"
-		},
-	callback: function (data)
-		{
-    data = JSON.parse(data)
-		$('#error').append('called');
-		$("#output-cmd").html('')
-		$('#output-url').val(data.url)
-		$("#output-img").html("click image to enlarge<br><a target=_blank href='"+data.url+"'>"+"<img src='"+data.url+"' id='output-image'></img><br>"+"</a>"
-);
-		$("#output-info").html('-ACTUAL SIZE-<br>'+Main.filesize(data.size)+'<br>'+data.width+'<br>'+data.height+'<br><br>'+'<span>see more at &rarr;<a href="http://asdf.us/im/gallery">photoblaster gallery</a></span>'+'<br>')
-		Main.generating = false
-		},
-	cookie: function ()
-		{
-		if (document.cookie)
-			{
-			var cookies = document.cookie.split(";")
-			for (i in cookies)
-				{
-				var cookie = cookies[i].split("=")
-				if (cookie[0].indexOf("imname") !== -1)
-					{
-					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
-						{
-						return cookie[1]
-						}
-					}
-				}
-			}
-		return ""
-		},
-	init: function ()
-		{
-		var name = Main.cookie ()
-		$("#username").val(name)
-		$("#breakbutton").bind("click", Main.go)
-		$(document).bind("keydown", Main.enter)
-		}
-	}
-//$('#theform').each(function(){
-//	        this.reset();
-//											});
-
-
-
-Main.init ()
diff --git a/share/frontend/htmljs/imgradient_index.html b/share/frontend/htmljs/imgradient_index.html
deleted file mode 100644
index 275bfec..0000000
--- a/share/frontend/htmljs/imgradient_index.html
+++ /dev/null
@@ -1,539 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<!--
- __        __        __        __        __        __        __        
-/_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    /_/\/\    
-\_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /    \_\  /                                                         
-/_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \    /_/  \        
-\_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   \_\/\ \   
-   \_\/      \_\/      \_\/      \_\/      \_\/      \_\/      \_\/                                                        
--->         
-
-<html>
-<head>
-<title>GRADIENT PHOTOBLASTER</title>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
-<meta property="og:title" content="GRADIENT PHOTOBLASTER"/> 
-<meta property="og:type" content="website"/> 
-<meta name=Author content="Pepper .... with help from Jules Welter/LaPlace"/>
-<meta property="og:url" content="http://asdf.us/imgradient/"/> 
-<meta property="og:image" content="http://asdf.us/g/experiment/whitegreencrazy.jpg" />
-<meta property="og:site_name" content="asdf.us"/> 
-<meta property="og:description" content="choose colors and options, let it flow out of you."/> 
-<meta property="fb:admins" content="100001923956223,1709246"/>
-<link href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
-<style type="text/css">
-*
-	{
-	padding: 0;
-	margin: 0;
-	font-family: times;
-	}
-body
-	{
-	background-color: #e6e0e0;
-	color: #696969;
-	overflow-x:hidden;
-	}
-h1
-	{
-	font-size: 40px;
-	}
-#brightness-slider,#hue-slider,#saturation-slider,#blur-slider
-	{
-	margin-top:10px;
-	margin-bottom:10px;
-	background-color:#B3B3B3;
-	}
-#stripenumber,#stripeintensity,#percentbeveled
-	{
-	height:10px;
-	width :25px;
-	font-size:9;
-	}
-#controls,#result
-	{
-	padding: 10px;
-	width: 460px;
-	}
-#controls
-	{
-  display:block;
-	font-size: 14px;
-	top: 10px; left: 10px;
-	z-index: 5;
-	background-color: #fff;
-	-moz-box-shadow: 0px 0px 9px 3px mediumseagreen;
-	-webkit-box-shadow: 0px 0px 9px 3px mediumseagreen;
-	box-shadow: 0px 0px 9px 3px mediumseagreen;
-	border: 60px outset #777;
-	}
-#result
-	{
-	background-color: #d6d0d0;
-	top: 10px; left: 580px;
-	z-index: 5;
-	display: none;
-	position: fixed;
-	}
-#instructions
-	{
-	position: absolute;
-	bottom: 10px;
-	left: 10px;
-	line-height: 18px;
-	z-index: 1;
-	}
-p
-	{
-	background-color: #fff;
-	padding: 10px;
-	font-size: 14px;
-	width: 430px;
-	display: block;
-	}
-#gallery-link
-	{
-	background-color: #fff;
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	padding: 10px;
-	z-index: 10;
-	}
-.error
-	{
-	color: red;
-	font-size: 20px;
-	}
-a
-	{
-	color: #b4d;
-	font-weight: bold;
-	}
-label
-
-	{
-	display: inline-block;
-	width: 300px;
-	padding-right: 10px;
-	text-align: center;
-	}
-input[type=text]
-	{
-	width: 100px;
-	}
-#img-url,#output-url,#img-background
-	{
-	width: 200px;
-	}
-#img-width,#img-height,#img-brightness,#img-saturation,#img-contrast,#img-hue,#img-rotate,#img-blur,#img-tilt
-	{
-	width: 50px;
-	text-align: right;
-	}
-button
-	{
-	padding: 2px 5px;
-	font-size: 16px;
-	width:200px;
-	float:right;
-	font-weight:bold;
-	color:#222222;
-	}
-#result img
-	{
-	max-width: 400px;
-	max-height: 400px;
-	}
-#output-cmd
-	{
-	font-size: 12px;
-	white-space: pre;
-	}
-.shim
-	{
-	height: 10px;
-	clear: both;
-	display: block;
-	}
-#output-url
-	{
-	width: 320px;
-	}
-#likebutton
-	{
-	position: fixed;
-	bottom: 10px;
-	right: 10px;
-	width: 350px;
-	background-color: #fff;
-	padding: 10px;
-	color: #ddd;
-	font-family: times;
-	text-transform: uppercase;
-	}
-.arrow
-	{
-	float:right;
-  white-space:inherit;
-  display:inline;
-	}
-
-</style>
-<body>
-<div id="error"></div>
-<div id="controls">
-<form id="reset" onsubmit="return false">
-<h1>
-	GRADIENT GENERATOR FOR PHOTOBLASTER
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115918_pepper.gif"/>
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115933_pepper.gif"/> 
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115941_pepper.gif"/>
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/>
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/>
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/>
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/> 
-	<img src="http://i.asdf.us/im/4e/angreekcolumnshowcaselg_1315115946_pepper.gif"/>
-</h1>
-
-	<span class="shim"></span>
-  
-
-	<label><span style="font-weight:bold; color:black;">CHOOSE A GRADIENT TYPE<span class="arrow">&rarr;</span></span></label>
-	<select id="gradient-type">
-		<option selected="selected" value="gradient">STRAIGHT FADE</option>
-		<option value="plasma">PLASMA</option>
-	<!--	<option value="-function sinusoid 4,-90 gradient:">bands</option>-->
-		<option value="canvas">JUST A FLAT COLOR</option>
-		<option value="radial">RADIAL GRADIENT</option>
-		<option value="colorspace">GRAYSCALE PLASMA</option>
-		<option value="plasmawash">PLASMA WASH</option>
-		<option value="gradientwash">GRADIENT WASH</option>
-		<option value="mirrored">MIRRORED PLASMA</option>
-		<option value="noise">RANDOM NOISE</option>
-	</select>
-
-	<span class="shim"></span>
-
-	<label><span style="font-weight:bold">ADJUST THE WIDTH</span><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-width" value="400" /><small>px</small>
-	<br/>
-	
-	<span class="shim"></span>
-
-	<label><span style="font-weight:bold">ADJUST THE HEIGHT</span><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-height" value="400" /><small>px</small>
-	<br/>
-
-	<span class="shim"></span>
-
-	<label>CHOOSE SOME COLORS<span class="arrow">&rarr;</span></label>
-	<a href="http://asdf.us/imgrid/colors" target="_blank">list of color names</a>
-	
-	<span class="shim"></span>
-
-	<label><span style="font-weight:bold; color:black;">COLOR 1</span><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-color1" value="white" />
-	<br/>
-
-	<span class="shim"></span>
-
-	<label><span style="font-weight:bold; color:black;">COLOR 2</span><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-color2" value="black" />
-	<br/>
-
-	<span class="shim"></span>
-
-	<span style="font-size:11px">
-	<label>BANDS(also called stripes)?<span class="arrow">&rarr;</span></label>
-	<input type="checkbox" id="stripes" value="1" />
-	<small>if yes...</small><label>NUMBER:</label><input value="" type="text" id="stripenumber"></input><small>0-400</small><label>INTENSITY:</label><input value="" type="text" id="stripeintensity"></input><small>0-2000</small>
-	</span>	
-	
-	<span class="shim"></span>
-	<span class="shim"></span>
-
-	<label>BLURRINESS <small>(0-20)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-blur" value="" />
-	<br/>
-
-	<div class="slider" id="blur-slider"></div>
-
-	<label>HUE <small>(0-200)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-hue" value="" />
-	<br/>
-
-	<div class="slider" id="hue-slider"></div>
-
-	<label>SATURATION <small>(0-200)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-saturation" value="" />
-	<br/>
-
-	<div class="slider" id="saturation-slider"></div>
-
-	<label>BRIGHTNESS <small>(0-200)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-brightness" value="" />
-	<br/>
-
-	<div class="slider" id="brightness-slider"></div>
-
-	<span class="shim"></span>
-
-
-	<label><span style="font-size:11px">CHOOSE A HALFTONE FILTER</span><span class="arrow">&rarr;</span></label>
-	<select id="halftone-type">
-		<option selected="selected" value="">None</option>
-		<option value="checkeredfade">checkered-fade</option>
-		<option value="etchedtransition">etched-transition</option>
-		<option value="bendaydots">benday dots</option>
-		<option value="smallerdots1">smaller dots 1</option>
-		<option value="smallerdots2">smaller dots 2</option>
-		<option value="flatstripes">flat stripes</option>
-	</select>
-	
-	
-	<span class="shim"></span>
-
-	<label><span style="font-size:11px">ADD A BEVELED BORDER</span><span class="arrow">&rarr;</span></label>
-	
-	<select id="bevel-type">
-		<option selected="selected" value="">None</option>
-		<option value="flatout">flat out</option>
-		<option value="flatinner">flat inner</option>
-		<option value="evenlyframed">evely framed</option>
-		<option value="biginner">big inner</option>
-		<option value="bigouter">big outer</option>
-		<option value="dramaticflatout">dramatic flat out</option>
-		<option value="dramaticflatinner">dramatic flat inner</option>
-	</select>	
-	
-	<span style="font-size:11px"><label>PERCENT BEVELED?</label></span> <input val="" type="text" id="percentbeveled"><small>%</small>
-
-
-	<span class="shim"></span>
-	<span class="shim"></span>
-	<label>FLIP HORIZONTALLY?
-	<span class="arrow">&rarr;</span></label>
-	<input type="checkbox" id="img-flop" value="1" />
-	<br/>
-
-	<label>FLIP VERTICALLY?<span class="arrow">&rarr;</span></label>
-	<input type="checkbox" id="img-flip" value="1" />
-	<br/>
-	<label>TILT<small>(0-360)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-tilt" value="" />&deg;
-	<br/>
-	<span class="shim"></span>
-
-	<label>ROTATE THE CANVAS<small>(0-360)</small><span class="arrow">&rarr;</span></label>
-	<input type="text" id="img-rotate" value="" />&deg;
-	<br/>
-
-	<span class="shim"></span>
-
-	<span class="shim"></span>
-
-	<label>output format:</label>
-	<select id="img-format">
-		<option selected="selected">png</option>
-		<option>jpg</option>
-		<option>gif</option>
-	</select>
-
-	<span class="shim"></span>
-
-	<label>PUT YOUR NAME HERE &gt;&gt;&gt;</label>
-	<input type="text" id="img-name" value="" />
-	<br/>
-
-	<span class="shim"></span>
-
-	<label>&nbsp;</label>
-	<button id="img-generate">GENERATE</button>
-
-	<span class="shim"></span>
-	<br>
-	VIEW AND ARRANGE THE PHOTOBLASTS &rarr; <a href="/im/gallery/" target="_blank">Image Gallery</a><br/>
-	<span class="shim"></span>
-	OPEN THE PHOTOBLASTER EDITOR &rarr; <a href="/im" target="_blank">PHOTOBLASTER</a>
-	<span class="shim"></span>
-	TOP PHOTOBLASTS GO TO THE TUMBLR &rarr; <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a>
-	</p>
-
-</div>
-
-<div id="result">
-	&rarr; <input type="text" id="output-url"/><br/>
-	<span id="output-cmd"></span><br/>
-
-	<img id="output-img" />
-</div>
-</form>
-</div>
-
-<div id="likebutton"> 
-<div id="fb-root" style="background-color: transparent;"></div><script src="http://connect.facebook.net/en_US/all.js#appId=236917449658413&amp;xfbml=1"></script><fb:like href="http://asdf.us/im/" send="false" width="347" show_faces="true" colorscheme="light" font="" style="background-color: transparent;"></fb:like> 
-</div> 
-
-<script type="text/javascript" src="/js/jquery.js"></script>
-<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
-<script type="text/javascript">
-
-	$(function() {
-		$( "#blur-slider" ).slider({
-			value:0,
-			min: 0,
-			max: 20,
-			step: 1,
-			slide: function( event, ui ) {
-				$( "#img-blur" ).val(ui.value);
-			}
-		});
-		$( "#img-blur" ).val( $( "#blur-slider" ).slider( "value" ) );
-		
-		$( "#brightness-slider" ).slider({
-			value:100,
-			min: 0,
-			max: 200,
-			step: 1,
-			slide: function( event, ui ) {
-				$( "#img-brightness" ).val(ui.value);
-			}
-		});
-		$( "#img-brightness" ).val( $( "#brightness-slider" ).slider( "value" ) );
-
-		$( "#hue-slider" ).slider({
-			value:100,
-			min: 0,
-			max: 200,
-			step: 1,
-			slide: function( event, ui ) {
-				$( "#img-hue" ).val(ui.value);
-			}
-		});
-		$( "#img-hue" ).val($( "#hue-slider" ).slider( "value" ) );
-
-		$( "#saturation-slider" ).slider({
-			value:100,
-			min: 0,
-			max: 200,
-			step: 1,
-			slide: function( event, ui ) {
-				$( "#img-saturation" ).val(ui.value);
-			}
-		});
-		$( "#img-saturation" ).val($( "#saturation-slider" ).slider( "value" ) );
-	});
-
-var Main =
-	{
-	API_HEADER: "#@imgradient",
-	enter: function (e)
-		{
-//    console.log("calling enter")
-    if (e.keyCode === 13){
-      Main.go()
-    }
-		},
-	go: function ()
-		{
-		$("#output-cmd").html('generating...').show()
-		$("#result").show()
-		var data =
-			{
-			flip: $('#img-flip:checked').val() !== undefined ? "true" : "false",
-			flop: $('#img-flop:checked').val() !== undefined ? "true" : "false",
-			tilt: $('#img-tilt').val(),
-			rotate: $("#img-rotate").val(),
-			subtract: $("#img-subtract").val(),
-			width: $("#img-width").val(),
-			height: $("#img-height").val(),
-			color2: $("#img-color2").val(),
-			color1: $("#img-color1").val(),
-			brightness: $("#img-brightness").val(),
-			saturation: $("#img-saturation").val(),
-			blurriness: $("#img-blur").val(),
-			hue: $("#img-hue").val(),
-			contrast: $("#img-contrast").val(),
-			gradienttype: $('#gradient-type :selected').val(),
-			bevel: $('#bevel-type :selected').val(),
-			percentbeveled: $('#percentbeveled').val(),
-			halftone: $('#halftone-type :selected').val(),
-			stripes: $('#stripes:checked').val() !== undefined ? "true" : "false",
-			stripenumber: $('#stripenumber').val(),
-			stripeintensity: $('#stripeintensity').val(),
-			format: $('#img-format :selected').text(),
-			name: $("#img-name").val(),
-			}
-    if (data.name.length > 0){
-			document.cookie = "imname="+data.name+";path=/;domain=.asdf.us;max-age=1086400"
-    }
-    $.post("/im/api/imgradient", data, Main.callback)
-    $("#controls").css('margin',"")
-		},
-	error: function (s)
-		{
-		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
-		$("#output-url").hide()
-		$("#output-img").hide()
-		},
-	callback: function (data)
-    {
-    data = JSON.parse(data) 
-    if (data.error){
-      return Main.error(data.error)
-    }
-    $("#output-cmd").html("size: "+Main.filesize(data.size)+"<br/>"+data.height + "&nbsp;x&nbsp;" + data.width)
-    $("#output-url").val(data.url)
-    $("#output-img").hide().attr("src", data.url).fadeIn(700)
-    },
-	filesize: function (size)
-		{
-		if (size < 1024)
-			return size + " bytes"
-		if (size < 1024 * 1024)
-			return Math.floor (size/1024) + " KB"
-		else
-			return Math.floor (size/(1024*1024)) + " MB"
-		},
-	cookie: function ()
-		{
-		if (document.cookie)
-			{
-			var cookies = document.cookie.split(";")
-			for (i in cookies)
-				{
-				var cookie = cookies[i].split("=")
-				if (cookie[0].indexOf("imname") !== -1)
-					{
-					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
-						{
-						return cookie[1]
-						}
-					}
-				}
-			}
-		return ""
-		},
-	init: function ()
-		{
-		var name = Main.cookie ()
-		$("#img-name").val(name)
-		},
-}
-
-$(document).ready(function(){
-  Main.init ()
-  $('form').submit(function() {
-    return false;
-  });
-	$(document).keydown(Main.enter)
-	$("#img-generate").click(Main.go)
-  document.getElementById("reset").reset()
-})
-</script>
-<!--<script type="text/javascript" src="http://asdf.us/js/pbembed.js"></script>-->
-</body>
-</html>
-
diff --git a/share/frontend/htmljs/imgrid_main.js b/share/frontend/htmljs/imgrid_main.js
deleted file mode 100644
index f88e235..0000000
--- a/share/frontend/htmljs/imgrid_main.js
+++ /dev/null
@@ -1,121 +0,0 @@
-var Main =
-	{
-	API_HEADER: "#@imgrid",
-	generating: false,
-	enter: function (e)
-		{
-		if (Main.generating)
-			return
-		if (e.keyCode === 13)
-			Main.go()
-		},
-	go: function ()
-		{
-		if (Main.generating)
-			return
-		Main.generating = true
-		var theloader = '<span style="width:100%;margin-right:40%"><img style="width:140px;height:120px;display:inline;" src="generating.gif"></img></span>'
-		$("#output-cmd").html(theloader).show()
-		if($('#transition :selected').val() === 'tile'||$('#transition :selected').val()=== 'random')
-			{
-			$('#output-cmd').append("<br><span style='color:red'>WARNING: THIS REQUEST MIGHT TAKE A WHILE</span>")
-			}
-		$('.results').show()
-		$("#output-img").show()
-		$("#output-url").show()
-		$("#result").show()
-		var data =
-			{
-			width: $("#img-width").val(),
-			height: $("#img-height").val(),
-			linethickness: $("#line-thickness").val(),
-			opacity: $("#line-opacity").val(),
-			linecolor: $("#line-color").val(),
-			spacing: $("#line-spacing").val(),
-			vlines: $('#v-lines:checked').val() !== undefined ? "true" : "false",
-			hlines: $('#h-lines:checked').val() !== undefined ? "true" : "false",
-			shadow: $('#shadow:checked').val() !== undefined ? "true" : "false",
-			bgimage: $("#bg-image").val(),
-			bgcolor: $("#bg-color").val(),
-			imageinstead: $("#imageinstead").val(),
-			planebgcolor: $("#planebgcolor").val(),
-			skycolor: $("#skycolor").val(),
-			planebgimage: $("#planebgimage").val(),
-			transition: $('#transition :selected').val(),
-			swing: $("#swing").val(),
-			tilt: $("#tilt").val(),
-			roll: $("#roll").val(),
-			zoom: $("#zoom").val(),
-			trim: $("#trim:checked").val() !== undefined ? "true" : "false",
-			format: $('#format :selected').val(),
-			username: $('#username').val()
-			}
-		if (data.transition == 'infinite'){
-		$('#genbutton').append("<span style='color:red'>WARNING:This might take a while</span>")}
-		if (data.username.length > 0)
-		document.cookie = "imname="+data.username+";path=/;domain=.asdf.us;max-age=1086400"
-		$.post("/im/api/imgrid", data, Main.callback)
-		},
-	error: function (s)
-		{
-		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
-		$("#output-url").hide()
-		$("#output-img").hide()
-		},
-	filesize: function (size)
-		{
-		if (size < 1024)
-			return size.toString() + " bytes"
-		if (size < 1024 * 1024)
-			return Math.floor (size/1024).toString() + " KB"
-		else
-			return Math.floor (size/(1024*1024)).toString() + " MB"
-		},
-	callback: function (data)
-		{
-    data = JSON.parse(data)
-		$("#output-cmd").html('')
-		$("#output-img").html("<a target=_blank href='"+data.url+"'>"+"<img src='"+data.url+"'></img><br>"+"</a>");
-		$("#output-url").val(data.url)
-		$("#output-info").html('-ACTUAL SIZE-<br>'+Main.filesize(data.size)+'<br>'+data.width+'<br>'+data.height+'<br><br>'+'<span style="float:right">see more at &rarr;<a href="http://asdf.us/im/gallery">photoblaster gallery</a></span>'+'<br>')
-		Main.generating = false
-		},
-	cookie: function ()
-		{
-		if (document.cookie)
-			{
-			var cookies = document.cookie.split(";")
-			for (i in cookies)
-				{
-				var cookie = cookies[i].split("=")
-				if (cookie[0].indexOf("imname") !== -1)
-					{
-					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
-						{
-						return cookie[1]
-						}
-					}
-				}
-			}
-		return ""
-		},
-	init: function ()
-		{
-		var name = Main.cookie ()
-		$("#username").val(name)
-    if (name)
-      {
-//      $("#userlink").show()
-  //    $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
-      }
-		$("#generate").bind("click", Main.go)
-		$(document).bind("keydown", Main.enter)
-		}
-	}
-$('#theform').each(function(){
-	        this.reset();
-											});
-
-
-
-Main.init ()
-- 
cgit v1.2.3-70-g09d2