summaryrefslogtreecommitdiff
path: root/share/frontend/im
diff options
context:
space:
mode:
authorpepperpepperpepper <pepper@scannerjammer.com>2015-11-18 10:35:53 -0800
committerpepperpepperpepper <pepper@scannerjammer.com>2015-11-18 10:35:53 -0800
commit87f6c2a5b777bd8b676d03a86606adba3c5af416 (patch)
tree2995c2a1ca2f6726841bd3e6f969edc3e8bb1ef7 /share/frontend/im
parent67033f5c20c9c1c6653cdb3e66a74539d634ec64 (diff)
cleanup continued some more
Diffstat (limited to 'share/frontend/im')
-rwxr-xr-xshare/frontend/im/#ffdead-black_1319995689.jpgbin5275 -> 0 bytes
-rwxr-xr-xshare/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gifbin256256 -> 0 bytes
-rwxr-xr-xshare/frontend/im/asdf.html462
-rwxr-xr-xshare/frontend/im/df.html10
-rwxr-xr-xshare/frontend/im/df.pngbin23215 -> 0 bytes
-rwxr-xr-xshare/frontend/im/gallery/.htaccess1
-rwxr-xr-xshare/frontend/im/gallery/pep/.htaccess2
-rwxr-xr-xshare/frontend/im/index_old.html573
-rw-r--r--share/frontend/im/shader/index.html2
-rw-r--r--share/frontend/im/thing1.gifbin358198 -> 0 bytes
-rw-r--r--share/frontend/im/thing2.pngbin53371 -> 0 bytes
11 files changed, 0 insertions, 1050 deletions
diff --git a/share/frontend/im/#ffdead-black_1319995689.jpg b/share/frontend/im/#ffdead-black_1319995689.jpg
deleted file mode 100755
index 6a39695..0000000
--- a/share/frontend/im/#ffdead-black_1319995689.jpg
+++ /dev/null
Binary files differ
diff --git a/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif b/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif
deleted file mode 100755
index fead3f4..0000000
--- a/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif
+++ /dev/null
Binary files differ
diff --git a/share/frontend/im/asdf.html b/share/frontend/im/asdf.html
deleted file mode 100755
index e8b8687..0000000
--- a/share/frontend/im/asdf.html
+++ /dev/null
@@ -1,462 +0,0 @@
-<!doctype html>
-<html>
-<head>
-<title>PHOTOBLASTER</title>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta property="og:title" content="PHOTOBLASTER"/>
-<meta property="og:type" content="website"/>
-<meta property="og:url" content="http://asdf.us/im/"/>
-<meta property="og:image" content="http://asdf.us/im/6e/sparklebling1_1310021111_1310071704.gif" />
-<meta property="og:site_name" content="asdf.us"/>
-<meta property="og:description" content="Paste a link into the first box, then use the other settings to colorize, distort, add transparency and a background."/>
-<meta property="fb:admins" content="100001923956223,1709246"/>
-<style type="text/css">
-*
- {
- padding: 0;
- margin: 0;
- font-family: sans-serif;
- }
-body
- {
- overflow: hidden;
- background-color: #e6e0e0;
- // background-color: #838388;
- color: #555;
- }
-#controls,#result
- {
- display: inline-block;
- padding: 10px;
- width: 430px;
- position: absolute;
- }
-#controls
- {
- font-size: 14px;
- top: 0; left: 0;
- z-index: 5;
- }
-#result
- {
- background-color: #d6d0d0;
-// background-color: #131412;
- top: 10px; left: 480px;
- display: none;
- z-index: 5;
- }
-#instructions
- {
- position: absolute;
- bottom: 10px;
- left: 10px;
- line-height: 18px;
- z-index: 1;
- }
-p,form
- {
-// background-color: #010101;
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- background-position: center center;
- padding: 10px;
- font-size: 14px;
- width: 430px;
- display: block;
- }
-#gallery-link
- {
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- background-position: center center;
- position: absolute;
- top: 10px;
- right: 10px;
- padding: 10px;
- z-index: 10;
- }
-.error
- {
- color: red;
- font-size: 20px;
- }
-a
- {
-// color: #b4d;
- color: #a39;
- font-weight: bold;
- }
-label
- {
- display: inline-block;
- width: 190px;
- padding-right: 10px;
- text-align: right;
- }
-small
- {
- color: #777;
- }
-input[type=text]
- {
- width: 100px;
- }
-#img-url,#output-url,#img-background
- {
- width: 200px;
- }
-#img-fuzz,#img-width,#img-height,#img-brightness,#img-saturation,#img-contrast,#img-hue,#img-rotate
- {
- width: 50px;
- text-align: right;
- }
-button
- {
- padding: 2px 5px;
- font-size: 16px;
- }
-#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
- {
- display: none;
- position: absolute;
- bottom: 10px;
- right: 10px;
- width: 350px;
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- padding: 10px;
- color: #ddd;
- font-family: trebuchet ms, sans-serif;
- }
-div#controls, span#userlink {
- display: none;
-} span#userlink a {
- text-transform: capitalize;
-}
-</style>
-<body>
-<div id="controls">
-<form id="imform" action="javascript:return false">
- <label id="img-url-label">IMAGE URL</label>
- <input type="text" id="img-url" />
- <br/>
- <label id="background-url-label">background URL</label>
- <input type="text" id="img-background" value="" />
- <br/>
-
- <label>compose operator</label>
- <select id="img-compose">
- <option selected="selected">Over</option>
- <option>ATop</option>
- <option>Dst_Over</option>
- <option>Dst_In</option>
- <option>Dst_Out</option>
- <option>Multiply</option>
- <option>Screen</option>
- <option>Divide</option>
- <option>Plus</option>
- <option>Difference</option>
- <option>Exclusion</option>
- <option>Lighten</option>
- <option>Darken</option>
- <option>Overlay</option>
- <option>Hard_Light</option>
- <option>Soft_Light</option>
- <option>Pegtop_Light</option>
- <option>Linear_Light</option>
- <option>Vivid_Light</option>
- <option>Pin_Light</option>
- <option>Linear_Dodge</option>
- <option>Linear_Burn</option>
- <option>Color_Dodge</option>
- <option>Color_Burn</option>
- </select>
-<!-- <br>
- <label>tile foreground?</label>
-
- <input type="checkbox" id="img-tile" value="1" />
- <br/> -->
-
-<!--
- <label>merge before recolor?</label>
- <input type="checkbox" id="img-merge_early" value="1" />
- <br/>
-
--->
- <span class="shim"></span>
-
-
- <span class="shim"></span>
-
- <label>make transparent?</label>
- <input type="checkbox" id="img-transparent" value="1" checked="true" />
- <br/>
-
- <label>remove color</label>
- <input type="text" id="img-subtract" value="white" />
- <br/>
-
- <label>transparency fuzz</label>
- <input type="text" id="img-fuzz" value="5" />%
- <br/>
-
- <span class="shim"></span>
-
- <label>resize width</label>
- <input type="text" id="img-width" /><small>px</small>
- <br/>
-
- <label>resize height</label>
- <input type="text" id="img-height" /><small>px</small>
- <br/>
-
- <span class="shim"></span>
-
- <label>recolor white</label>
- <input type="text" id="img-white" value="white" />
- <a href="colors/index.html" style="font-size: 10px">List of Color Names</a>
- <br/>
-
- <label>recolor black</label>
- <input type="text" id="img-black" value="black" />
- <br/>
-
- <span class="shim"></span>
-
- <label>hue <small>(0-200)</small></label>
- <input type="text" id="img-hue" value="" />
- <br/>
-<!--
- <label>saturation <small>(0-200)</small></label>
- <input type="text" id="img-saturation" value="" />
- <br/>
--->
-<!--
- <label>brightness <small>(0-200)</small></label>
- <input type="text" id="img-brightness" value="" />
- <br/>
--->
-<!--
- <label>contrast <small>(0-200)</small></label>
- <input type="text" id="img-contrast" value="" />
- <br/>
--->
-
- <span class="shim"></span>
-
- <label>flip horizontally?</label>
- <input type="checkbox" id="img-flop" value="1" />
- <br/>
-
- <label>flip vertically?</label>
- <input type="checkbox" id="img-flip" value="1" />
- <br/>
-
- <label>rotate <small>(0-360)</small></label>
- <input type="text" id="img-rotate" value="" />&deg;
- <br/>
-
- <span class="shim"></span>
-
- <label>output format</label>
- <select id="img-format">
- <option selected="selected">gif</option>
- <option>jpg</option>
- <option>png</option>
- </select>
- <!-- <input type="reset" id="reset-button" value="reset-button"></input>-->
-
-
- <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>
-
- </form>
-
- <span class="shim"></span>
- <p>
- <img src="new.gif" width="32" height="16" />
- Oh now it's on....payback time &rarr; <a href="/imbreak/">FOTO FUCKER</a>
- <span class="shim"></span>
- <img src="new.gif" width="32" height="16" />
- Transform images in 3D &rarr; <a href="/imgrid/">Grid Generator</a>
- <span class="shim"></span>
- Gradients make everything better &rarr; <a href="/imgradient/">Gradient Generator</a>
- </p>
- <span class="shim"></span>
- <p>
- See what people are making &rarr; <a href="/im/gallery/">Image Gallery</a><br/>
- <span class="shim"></span>
- The best ones go here &rarr; <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a>
- <span class="shim"></span>
- View a random selection &rarr; <a href="/im/gallery/?random=1">Random Gallery</a><br/>
- <span id="userlink">
- <span class="shim"></span>
- Things you've made &rarr; <a href="/im/gallery/?random=1">Your Gallery</a><br/>
- </span>
- </p>
-</div>
-
-<div id="result">
- &rarr; <input type="text" id="output-url"/><br/>
- <span id="output-cmd"></span><br/>
-
- <img id="output-img" />
-</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>
-
-</body>
-<script type="text/javascript" src="/js/jquery.js"></script>
-<script type="text/javascript">
-var Main =
- {
- API_HEADER: "#@im",
- generating: false,
- enter: function (e)
- {
- if (Main.generating)
- return
- if (e.keyCode === 13)
- Main.go()
- },
- go: function ()
- {
- if (Main.generating)
- return
- Main.generating = true
- $("#output-cmd").html('generating...').show()
- $("#result").show()
- var data =
- {
- url: $("#img-url").val(),
- transparent: $('#img-transparent:checked').val() !== undefined ? "true" : "false",
- flip: $('#img-flip:checked').val() !== undefined ? "true" : "false",
- flop: $('#img-flop:checked').val() !== undefined ? "true" : "false",
- rotate: $("#img-rotate").val(),
- subtract: $("#img-subtract").val(),
- fuzz: $("#img-fuzz").val(),
- width: $("#img-width").val(),
- height: $("#img-height").val(),
- black: $("#img-black").val(),
- white: $("#img-white").val(),
- //brightness: $("#img-brightness").val(),
- //saturation: $("#img-saturation").val(),
- hue: $("#img-hue").val(),
- contrast: $("#img-contrast").val(),
- background: $("#img-background").val(),
- // merge_early: $('#img-merge_early:checked').val() !== undefined ? "true" : "false",
- compose: $('#img-compose :selected').text(),
- // tile: $('#img-tile:checked').val() !== undefined ? "true" : "false",
- 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("/cgi-bin/im/generate", data, Main.callback)
- },
- error: function (s)
- {
- $("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
- $("#output-url").hide()
- $("#output-img").hide()
- },
- callback: function (raw)
- {
- Main.generating = false
- lines = raw.split("\n")
- if (lines[0] !== Main.API_HEADER)
- return Main.error("problem loading API")
- if (lines[1].indexOf("ERROR\t") === 0)
- return Main.error(lines[1].split("\t")[1])
-
- // $("#output-cmd").html(lines[1]+"<br/>"+lines[2])
- // $("#output-cmd").hide()
- $("#output-cmd").html("size: "+Main.filesize(lines[4])+"<br/>"+(lines[5].replace(" ", " x ").replace(/'/g,"").replace(',',"")))
- $("#output-url").val(lines[3])
- $("#output-img").hide().attr("src", lines[3]).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 ""
- },
- preloadSize: function(url,label,tag){
- console.log(url)
- var img = new Image()
- img.onload = function(){ $(label).html( tag + ": " + img.naturalWidth + " x " + img.naturalHeight ) }
- img.src = url
- },
- init: function ()
- {
- var name = Main.cookie ()
- $("#img-name").val(name)
- if (name)
- {
- $("#userlink").show()
- $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
- }
- $("#likebutton,#controls").fadeIn(0)
- $("#img-generate").bind("click", Main.go)
- $("div input[type=text]").bind("keydown", Main.enter)
- $("#img-url").change(function(){Main.preloadSize(this.value,"#img-url-label","image")})
- $("#img-background").change(function(){Main.preloadSize(this.value,"#background-url-label","bg")})
- },
- }
-document.getElementById('imform').reset();
-Main.init ()
-</script>
-</html>
-
diff --git a/share/frontend/im/df.html b/share/frontend/im/df.html
deleted file mode 100755
index 9dcb486..0000000
--- a/share/frontend/im/df.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<img src="df.png" width="388" height="171">
-<h1>We are totally running low on disk space!!!!!!!!!1</h1>
-<h2 style="font-weight: normal;white-space:pre">I have a plan to host everything on S3 but I have to find a block of time to move it over.
-There is a lot competing for my attention right now so this isn't gonna happen right away.
-If U use Photoblaster a lot please restrain yourself like ration your use.
-Not saying don't use it but like just be mindful k?
-I love what U make bb U blow my mind every day like whoa.
-</h2>
-<div style="font-size: 150px; width: 100%; text-align: right">love jules</div>
-
diff --git a/share/frontend/im/df.png b/share/frontend/im/df.png
deleted file mode 100755
index c0fda7f..0000000
--- a/share/frontend/im/df.png
+++ /dev/null
Binary files differ
diff --git a/share/frontend/im/gallery/.htaccess b/share/frontend/im/gallery/.htaccess
deleted file mode 100755
index e48c0b8..0000000
--- a/share/frontend/im/gallery/.htaccess
+++ /dev/null
@@ -1 +0,0 @@
-DirectoryIndex /cgi-bin/im/gallery
diff --git a/share/frontend/im/gallery/pep/.htaccess b/share/frontend/im/gallery/pep/.htaccess
deleted file mode 100755
index 74017fd..0000000
--- a/share/frontend/im/gallery/pep/.htaccess
+++ /dev/null
@@ -1,2 +0,0 @@
-DirectoryIndex /cgi-bin/im/peppergallery
-
diff --git a/share/frontend/im/index_old.html b/share/frontend/im/index_old.html
deleted file mode 100755
index bf88a3b..0000000
--- a/share/frontend/im/index_old.html
+++ /dev/null
@@ -1,573 +0,0 @@
-<!doctype html>
-<html>
-<head>
-<title>PHOTOBLASTER</title>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta property="og:title" content="PHOTOBLASTER"/>
-<meta property="og:type" content="website"/>
-<meta property="og:url" content="http://asdf.us/im/"/>
-<meta property="og:image" content="http://asdf.us/im/6e/sparklebling1_1310021111_1310071704.gif" />
-<meta property="og:site_name" content="asdf.us"/>
-<meta property="og:description" content="Paste a link into the first box, then use the other settings to colorize, distort, add transparency and a background."/>
-<meta property="fb:admins" content="100001923956223,1709246"/>
-<!--FOR THE COLORS IFRAME-->
-<link rel="stylesheet" type="text/css" href="/im/colors/css/jquery.fancybox.css?v=2.1.5" media="screen" />
-
-<style type="text/css">
-*
- {
- padding: 0;
- margin: 0;
- font-family: sans-serif;
- }
-body
- {
- background-color: #efedee;
- // background-color: #838388;
- color: #555;
- }
-#down_for_maintenance{
- position: absolute;
- background: url("http://asdf.us/impattern/patterns/38.png");
- z-index:2000;
- height: 100%;
- width: 100%;
- top: 0;
- left:0;
- display: none;
-}
-#down_for_maintenance > span{
- background: white;
-}
-#controls,#result
- {
- display: inline-block;
- margin: 10px;
- width: 430px;
- float: left;
- }
-#controls
- {
- font-size: 14px;
- top: 0; left: 0;
- z-index: 5;
- }
-#result
- {
- background-color: #d6d0d0;
-// background-color: #131412;
- margin-left: 20px;
- padding: 10px;
- display: none;
- z-index: 5;
- }
-#sendtoinput
- {
- font-size: 10px;
- }
-#instructions
- {
- position: absolute;
- bottom: 10px;
- left: 10px;
- line-height: 18px;
- z-index: 1;
- }
-p,form
- {
-// background-color: #010101;
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- background-position: center center;
- padding: 10px;
- font-size: 14px;
- width: 430px;
- display: block;
- }
-#gallery-link
- {
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- background-position: center center;
- position: absolute;
- top: 10px;
- right: 10px;
- padding: 10px;
- z-index: 10;
- }
-.error
- {
- color: red;
- font-size: 20px;
- }
-a
- {
-// color: #b4d;
- color: #a39;
- font-weight: bold;
- }
-label
- {
- display: inline-block;
- width: 190px;
- padding-right: 10px;
- text-align: right;
- }
-small
- {
- color: #777;
- }
-input[type=text]
- {
- width: 100px;
- }
-#img-url,#output-url,#img-background
- {
- width: 200px;
- }
-#bgswitcheroo, #colorswitcheroo
- {
- width: 19px;
- height:38px;
- display: inline-block;
- position: absolute;
- background-image: url(http://i.asdf.us/im/7e/user_convo_1353562627_1355449919.png);
- //background-image: url( http://i.asdf.us/im/7b/user_convo_1353562627.png);
- background-repeat:no-repeat;
- background-position: 3px 10px;
- cursor: pointer;
- }
-#img-fuzz,#img-width,#img-height,#img-brightness,#img-saturation,#img-contrast,#img-hue,#img-rotate
- {
- width: 50px;
- text-align: right;
- }
-button
- {
- padding: 2px 5px;
- font-size: 16px;
- }
-#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
- {
- display: none;
- position: absolute;
- bottom: 10px;
- right: 10px;
- width: 350px;
- background-color: #fff;
- background-image: url(imcupbg.jpg);
- padding: 10px;
- color: #ddd;
- font-family: trebuchet ms, sans-serif;
- }
-div#controls, span#userlink {
- display: none;
-} span#userlink a {
- text-transform: capitalize;
-}
-</style>
-
-</head>
-<body>
-<div id="down_for_maintenance">
- <span>SORRY, this photoblaster page is down for maintenance. Will be back in an hour or so...</span>
-</div>
-<div id="controls">
-<form id="imform" action="javascript:return false">
- <label id="img-url-label">IMAGE URL</label>
- <input type="text" id="img-url" /><div id="bgswitcheroo"></div>
- <!--<br/>-->
- <label id="background-url-label">background URL</label>
- <input type="text" id="img-background" value="" />
- <br/>
-
- <label>compose operator</label>
- <select id="img-compose">
- <option selected="selected">Over</option>
- <option>ATop</option>
- <option>Dst_Over</option>
- <option>Dst_In</option>
- <option>Dst_Out</option>
- <option>Multiply</option>
- <option>Screen</option>
- <option>Divide</option>
- <option>Plus</option>
- <option>Difference</option>
- <option>Exclusion</option>
- <option>Lighten</option>
- <option>Darken</option>
- <option>Overlay</option>
- <option>Hard_Light</option>
- <option>Soft_Light</option>
- <option>Pegtop_Light</option>
- <option>Linear_Light</option>
- <option>Vivid_Light</option>
- <option>Pin_Light</option>
- <option>Linear_Dodge</option>
- <option>Linear_Burn</option>
- <option>Color_Dodge</option>
- <option>Color_Burn</option>
- </select>
- <br/>
-
- <label>gravity</label>
- <select id="img-gravity">
- <option selected="selected">Center</option>
- <option>East</option>
- <option>NorthEast</option>
- <option>North</option>
- <option>NorthWest</option>
- <option>West</option>
- <option>SouthWest</option>
- <option>South</option>
- <option>SouthEast</option>
- </select>
-<!-- <br>
- <label>tile foreground?</label>
-
- <input type="checkbox" id="img-tile" value="1" />
- <br/> -->
-
-<!--
- <label>merge before recolor?</label>
- <input type="checkbox" id="img-merge_early" value="1" />
- <br/>
-
--->
- <span class="shim"></span>
-
-
- <span class="shim"></span>
-
- <label>make semi-transparent?</label>
- <input type="checkbox" id="img-transparent" value="1" checked="true" />
- <br/>
-
- <label>remove color</label>
- <input type="text" id="img-subtract" value="white" class="img-subtract"/>&nbsp;
-<a href="colors/" class="img-subtract pick-color">pick color</a>
- <br/>
-
- <label>transparency fuzz</label>
- <input type="text" id="img-fuzz" value="5" />%
- <br/>
-
- <span class="shim"></span>
-
- <label>resize width</label>
- <input type="text" id="img-width" /><small>px</small>
- <br/>
-
- <label>resize height</label>
- <input type="text" id="img-height" /><small>px</small>
- <br/>
-
- <label>nearest neighbor?</label>
- <input type="checkbox" id="img-nearest" value="1" />
- <br/>
-
- <span class="shim"></span>
-
- <label>recolor white</label>
- <input type="text" id="img-white" class="img-white" value="white" />&nbsp;
-<a href="colors/" class="img-white pick-color">pick color</a>
- <div id="colorswitcheroo"></div>
- <br/>
-
- <label>recolor black</label>
- <input type="text" id="img-black" class="img-black" value="black" />&nbsp;
-<a href="colors/" class="img-black pick-color">pick color</a>
- <br />
-<!-- <label><a href="colors/index.html" target="_blank" style="font-size: 10px">-->
-<!-- List of Color Names</a></label>-->
-
- <span class="shim"></span>
-
- <label>hue <small>(0-200)</small></label>
- <input type="text" id="img-hue" value="" />
- <br/>
-<!--
- <label>saturation <small>(0-200)</small></label>
- <input type="text" id="img-saturation" value="" />
- <br/>
--->
-<!--
- <label>brightness <small>(0-200)</small></label>
- <input type="text" id="img-brightness" value="" />
- <br/>
--->
-<!--
- <label>contrast <small>(0-200)</small></label>
- <input type="text" id="img-contrast" value="" />
- <br/>
--->
-
- <span class="shim"></span>
-
- <label>flip horizontally?</label>
- <input type="checkbox" id="img-flop" value="1" />
- <br/>
-
- <label>flip vertically?</label>
- <input type="checkbox" id="img-flip" value="1" />
- <br/>
-
- <label>rotate <small>(0-360)</small></label>
- <input type="text" id="img-rotate" value="" />&deg;
- <br/>
-
- <span class="shim"></span>
-
- <label>output format</label>
- <select id="img-format">
- <option selected="selected">gif</option>
- <option>jpg</option>
- <option>png</option>
- </select>
-<!--
- <span id="gif-options">
- <label>dispose</label>
- <select id="dispose">
- <option value="none" selected>None</option>
- <option value="previous">Previous</option>
- <option value="background">Background</option>
- </select>
- </span>
--->
-
- <!-- <input type="reset" id="reset-button" value="reset-button"></input>-->
-
- <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>
-
- </form>
-
- <span class="shim"></span>
- <p>
- <img src="new.gif" width="32" height="16" />
- Mess around with heightmaps and textures <a href="/imlandscape">Landscape</a>
- <span class="shim"></span>
- <img src="new.gif" width="32" height="16" />
- Overlay patterns onto your gifs <a href="/impattern">pattern</a>
- <span class="shim"></span>
- Write your own effects &rarr; <a href="/shader/">Shaderblaster</a> &amp; <a href="/dither/">Dither</a>
- <span class="shim"></span>
- Oh now it's on....payback time &rarr; <a href="/imbreak/">FOTO FUCKER</a>
- <span class="shim"></span>
- <!--<img src="new.gif" width="32" height="16" />-->
- Transform images in 3D &rarr; <a href="/imgrid/">Grid Generator</a>
- <span class="shim"></span>
- Gradients make everything better &rarr; <a href="/imgradient/">Gradient Generator</a>
- </p>
- <span class="shim"></span>
- <p>
- See what people are making &rarr; <a href="/im/gallery/">Image Gallery</a><br/>
- <span class="shim"></span>
- The best ones go here &rarr; <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a>
- <span class="shim"></span>
- View a random selection &rarr; <a href="/im/gallery/?random=1">Random Gallery</a><br/>
- <span id="userlink">
- <span class="shim"></span>
- Things you've made &rarr; <a href="/im/gallery/?random=1">Your Gallery</a><br/>
- </span>
- </p>
-</div>
-
-<div id="result">
- &rarr; <input type="text" id="output-url"/><br/>
- <span id="output-cmd"></span><br/>
-
- <img id="output-img" />
- <br/><span id="sendtoinput"></span>
-</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">
-var Main =
- {
- API_HEADER: "#@im",
- generating: false,
- enter: function (e)
- {
- if (Main.generating)
- return
- if (e.keyCode === 13)
- Main.go()
- },
- go: function ()
- {
- if (Main.generating)
- return
- Main.generating = true
- $("#output-cmd").html('generating...').show()
- $("#result").show()
- var data =
- {
- url: $("#img-url").val(),
- transparent: $('#img-transparent:checked').val() !== undefined ? "true" : "false",
- flip: $('#img-flip:checked').val() !== undefined ? "true" : "false",
- flop: $('#img-flop:checked').val() !== undefined ? "true" : "false",
- nearest: $('#img-nearest:checked').val() !== undefined ? "true" : "false",
- rotate: $("#img-rotate").val(),
- subtract: $("#img-subtract").val(),
- fuzz: $("#img-fuzz").val(),
- width: $("#img-width").val(),
- height: $("#img-height").val(),
- black: $("#img-black").val(),
- white: $("#img-white").val(),
- //brightness: $("#img-brightness").val(),
- //saturation: $("#img-saturation").val(),
- hue: $("#img-hue").val(),
- contrast: $("#img-contrast").val(),
- background: $("#img-background").val(),
- // merge_early: $('#img-merge_early:checked').val() !== undefined ? "true" : "false",
- compose: $('#img-compose :selected').text(),
- gravity: $('#img-gravity :selected').text(),
- // tile: $('#img-tile:checked').val() !== undefined ? "true" : "false",
- format: $('#img-format :selected').text(),
- dispose: $('#dispose').val(),
- name: $("#img-name").val(),
- }
- if (data.rotate.match(/-/)){ data.rotate=360-parseInt(data.rotate.replace("-","")); };
- $("#img-rotate").val("");
- if (data.name.length > 0)
- document.cookie = "imname="+data.name+";path=/;domain=.asdf.us;max-age=1086400"
- $.post("/cgi-bin/im/generate", data, Main.callback)
- },
- error: function (s)
- {
- $("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
- $("#output-url").hide()
- $("#output-img").hide()
- },
- callback: function (raw)
- {
- Main.generating = false
- lines = raw.split("\n")
- if (lines[0] !== Main.API_HEADER)
- return Main.error("problem loading API")
- if (lines[1].indexOf("ERROR\t") === 0)
- return Main.error(lines[1].split("\t")[1])
-
- // $("#output-cmd").html(lines[1]+"<br/>"+lines[2])
- // $("#output-cmd").hide()
- $("#output-cmd").html("size: "+Main.filesize(lines[4])+"<br/>"+(lines[5].replace(" ", " x ").replace(/'/g,"").replace(',',"")))
- $("#output-url").val(lines[3]);
- $("#output-img").hide().attr("src", lines[3]).fadeIn(700)
- $("#sendtoinput").html("&nbsp;send to input <img src=\"arrow_pointing_left.png\"/>&nbsp;").css({"border": "1px solid gray", "cursor" : "pointer"}).click(function(){
- $("#img-url").val(lines[3]);
- });
-
- },
- 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 ""
- },
- preloadSize: function(url,label,tag){
- console.log(url)
- var img = new Image()
- img.onload = function(){ $(label).html( tag + ": " + img.naturalWidth + " x " + img.naturalHeight ) }
- img.src = url
- },
- init: function ()
- {
- var name = Main.cookie ()
- $("#img-name").val(name)
- if (name)
- {
- $("#userlink").show()
- $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
- }
- $("#likebutton,#controls").fadeIn(0)
- $("#img-generate").bind("click", Main.go)
- $("div input[type=text]").bind("keydown", Main.enter)
- $("#img-url").change(function(){Main.preloadSize(this.value,"#img-url-label","image")})
- $("#img-background").change(function(){Main.preloadSize(this.value,"#background-url-label","bg")})
- $("#bgswitcheroo").click(function() {
- a = $("#img-url").val();
- b = $("#img-background").val();
- $("#img-url").val(b);
- $("#img-background").val(a);
- });
- $("#colorswitcheroo").click(function() {
- a = $("#img-white").val();
- b = $("#img-black").val();
- $("#img-white").val(b);
- $("#img-black").val(a);
- });
- $("#img-format").change(function(){
- $("#gif-options").css( "visibility", $("#img-format").val() === "gif" ? "visible" : "hidden")
- })
-
- },
- }
-document.getElementById('imform').reset();
-Main.init ()
-</script>
-<script type="text/javascript" src="http://asdf.us/js/pbembed.js"></script>
-<!--for the colors iframe-->
-<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
-<script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script>
-<script type="text/javascript" src="/im/colors/js/jquery.fancybox.js?v=2.1.5"></script>
-<script type="text/javascript" src="colors_iframe.js"></script>
-</body>
-</html>
-
diff --git a/share/frontend/im/shader/index.html b/share/frontend/im/shader/index.html
deleted file mode 100644
index 2c7370f..0000000
--- a/share/frontend/im/shader/index.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<meta http-equiv="refresh" content="0; url=/shader/">
-
diff --git a/share/frontend/im/thing1.gif b/share/frontend/im/thing1.gif
deleted file mode 100644
index 5acdf58..0000000
--- a/share/frontend/im/thing1.gif
+++ /dev/null
Binary files differ
diff --git a/share/frontend/im/thing2.png b/share/frontend/im/thing2.png
deleted file mode 100644
index 6104d00..0000000
--- a/share/frontend/im/thing2.png
+++ /dev/null
Binary files differ