diff options
| author | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-18 10:35:53 -0800 |
|---|---|---|
| committer | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-18 10:35:53 -0800 |
| commit | 87f6c2a5b777bd8b676d03a86606adba3c5af416 (patch) | |
| tree | 2995c2a1ca2f6726841bd3e6f969edc3e8bb1ef7 /share/frontend/im | |
| parent | 67033f5c20c9c1c6653cdb3e66a74539d634ec64 (diff) | |
cleanup continued some more
Diffstat (limited to 'share/frontend/im')
| -rwxr-xr-x | share/frontend/im/#ffdead-black_1319995689.jpg | bin | 5275 -> 0 bytes | |||
| -rwxr-xr-x | share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif | bin | 256256 -> 0 bytes | |||
| -rwxr-xr-x | share/frontend/im/asdf.html | 462 | ||||
| -rwxr-xr-x | share/frontend/im/df.html | 10 | ||||
| -rwxr-xr-x | share/frontend/im/df.png | bin | 23215 -> 0 bytes | |||
| -rwxr-xr-x | share/frontend/im/gallery/.htaccess | 1 | ||||
| -rwxr-xr-x | share/frontend/im/gallery/pep/.htaccess | 2 | ||||
| -rwxr-xr-x | share/frontend/im/index_old.html | 573 | ||||
| -rw-r--r-- | share/frontend/im/shader/index.html | 2 | ||||
| -rw-r--r-- | share/frontend/im/thing1.gif | bin | 358198 -> 0 bytes | |||
| -rw-r--r-- | share/frontend/im/thing2.png | bin | 53371 -> 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 Binary files differdeleted file mode 100755 index 6a39695..0000000 --- a/share/frontend/im/#ffdead-black_1319995689.jpg +++ /dev/null diff --git a/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif b/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif Binary files differdeleted file mode 100755 index fead3f4..0000000 --- a/share/frontend/im/1327390579392dumpfmfrankhatscolor2tablet_1327477683_1327478593_1327480237.gif +++ /dev/null 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="" />° - <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 >>></label> - <input type="text" id="img-name" value="" /> - <br/> - - <span class="shim"></span> - - <label> </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 → <a href="/imbreak/">FOTO FUCKER</a> - <span class="shim"></span> - <img src="new.gif" width="32" height="16" /> - Transform images in 3D → <a href="/imgrid/">Grid Generator</a> - <span class="shim"></span> - Gradients make everything better → <a href="/imgradient/">Gradient Generator</a> - </p> - <span class="shim"></span> - <p> - See what people are making → <a href="/im/gallery/">Image Gallery</a><br/> - <span class="shim"></span> - The best ones go here → <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a> - <span class="shim"></span> - View a random selection → <a href="/im/gallery/?random=1">Random Gallery</a><br/> - <span id="userlink"> - <span class="shim"></span> - Things you've made → <a href="/im/gallery/?random=1">Your Gallery</a><br/> - </span> - </p> -</div> - -<div id="result"> - → <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&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 Binary files differdeleted file mode 100755 index c0fda7f..0000000 --- a/share/frontend/im/df.png +++ /dev/null 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"/> -<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" /> -<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" /> -<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="" />° - <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 >>></label> - <input type="text" id="img-name" value="" /> - <br/> - - <span class="shim"></span> - - <label> </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 → <a href="/shader/">Shaderblaster</a> & <a href="/dither/">Dither</a> - <span class="shim"></span> - Oh now it's on....payback time → <a href="/imbreak/">FOTO FUCKER</a> - <span class="shim"></span> - <!--<img src="new.gif" width="32" height="16" />--> - Transform images in 3D → <a href="/imgrid/">Grid Generator</a> - <span class="shim"></span> - Gradients make everything better → <a href="/imgradient/">Gradient Generator</a> - </p> - <span class="shim"></span> - <p> - See what people are making → <a href="/im/gallery/">Image Gallery</a><br/> - <span class="shim"></span> - The best ones go here → <a href="http://photoblaster.tumblr.com/">Photoblaster Tumblr</a> - <span class="shim"></span> - View a random selection → <a href="/im/gallery/?random=1">Random Gallery</a><br/> - <span id="userlink"> - <span class="shim"></span> - Things you've made → <a href="/im/gallery/?random=1">Your Gallery</a><br/> - </span> - </p> -</div> - -<div id="result"> - → <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&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(" send to input <img src=\"arrow_pointing_left.png\"/> ").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 Binary files differdeleted file mode 100644 index 5acdf58..0000000 --- a/share/frontend/im/thing1.gif +++ /dev/null diff --git a/share/frontend/im/thing2.png b/share/frontend/im/thing2.png Binary files differdeleted file mode 100644 index 6104d00..0000000 --- a/share/frontend/im/thing2.png +++ /dev/null |
