diff options
Diffstat (limited to 'share/frontend/imbreak/ultimate.html')
| -rwxr-xr-x | share/frontend/imbreak/ultimate.html | 215 |
1 files changed, 215 insertions, 0 deletions
diff --git a/share/frontend/imbreak/ultimate.html b/share/frontend/imbreak/ultimate.html new file mode 100755 index 0000000..2e51cdd --- /dev/null +++ b/share/frontend/imbreak/ultimate.html @@ -0,0 +1,215 @@ +<html> +<!-- + * * + *** *** + **** **** + * ****** ****** * + * *************************************** * + ** * ______*______ * ** + ***** * ______*______ * ***** + ******* ______*______ ******* + *** **** * **** *** + ****** *oo******* *** *******oo* ****** + * *o********* *********o* * + * * * * + * * _ _ * * + * * -_ _- * * + * * -_ _- * * + * * -___- * * + * * + ********************* + * ** ** * + * ** ** * + * _-----_ * + ********* +by pepper +--> +<head> + <link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' /> + <link href='cssreset.css' rel='stylesheet' type='text/css'/> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta property="og:title" content="FOTO FUCKER"/> +<meta property="og:type" content="website"/> +<meta name=Author content="Pepper Dreamteamer"/> +<meta property="og:url" content="http://asdf.us/imbreak/"/> +<meta property="og:image" content="http://asdf.us/imbreak/og.jpg" /> +<meta property="og:site_name" content="asdf.us"/> +<meta property="og:description" content="now it's time to get back at those photos and fuck them up"/> +<meta property="fb:admins" content="100001923956223,1709246"/> +<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> +<style type='text/css'> +body + { + font-size:11px; + background-image:url(_broken_by_janie_30e_semitrans1.png); + } +#header + { + -moz-border-radius:14px; + -webkit-border-radius:14px; + border-radius:14px 14px 14px 14px; + padding:10px; + width: 100%; + background-image:url(http://asdf.us/im/88/_broken_by_janie_399_a_pair_of_siena_and_carved_white_marble_columns_20th_century_d5409361h.jpg); + background-color:gray; + } +#header img + { + display:inline; + text-align:right; + width:200px; + } +#controls + { + width:50%; + padding:24px; + background-color:#F0F0F0; + } +#breakmode + { + background-color:#FAFAFA; + } +#likebutton + { + background-color:#F7f7f7; + right:20px; + position:absolute; + bottom:10px; + } +#links + { + background-color:#FFFFFF; + } +#urlinput + { + width:340px; + font-size:11; + } +.results + { + background-color:#F0F0F0; + display:none; + position:fixed; + width:50%; + right:10px; + top:20px; + z-index:100; + } +#output-image + { + display:none; + max-height:800px; + max-width:500px; + } +#therest + { + padding:20px; + } +#links + { + padding:5px; + } +.ui-slider-horizontal + { + background-color:whitesmoke; + } +</style> +</head> +<body> +<!--<form id="theform">--> +<div id="header"> + <br> + <span style="background-color:rgb(245,245,245,0.5)">An image breaking utility from PHOTOBLASTER, this program breaks images + <br>and then restores them to an unbroken state so that they can be used for further editing.<br></span> + <p style="background-image:url(ALPHA20IVY20204_1323327862.gif);"><img src="http://asdf.us/im/11/_broken_by_janie_147_greeks.gif"></img></p><p style="background-image:url(http://asdf.us/im/54/ALPHA20IVY20201_1323328300.gif)"> + <img src="_broken_by_janie_147_title1.gif"></img> + <img src="on9TF_1322970909_1322970984_1323325278.gif"></img></p> +<!-- <img src=" http://asdf.us/im/2f/_broken_by_anon_13c__broken_by_anon_70_enuY5.png"></img>--> +</div> +<br> +<div id="controls"> + WHY NOT <span style="font-color:#FF6A6A">PASTE A URL HERE</span>? (an image or gif animation)!! <span style="font-color:#FF6A6A">→</span> + <input id='url'> + </input> + <br> + <span id='example'>e.g. http://imageman.com/coolguy.jpg... or hotimagedudes/cooltimes.gif</span> + <button id='breakbutton'>BREAK IT!</button>←←CLICK HERE!! KEEP CLICKING TO KEEP FUCKING IT UP!!! + <br> +<!-- <button id='refreshbutton'>START OVER</button>--> + +BREAK TYPE: <select id="breaktype"> + <option selected="selected" value='CLASSIC'>CLASSIC</option> + <option value="REDUX">REDUX</option> + <option value="BLURRY_BREAK">BLURRY BREAK</option> + <option value="BLURRY_BREAK_2">BLURRY BREAK 2</option> + <option value="RGB_WASH">RGB WASH</option> + <option value="RGB_WASH_2">RGB WASH 2</option> + <option value="NOISY_BREAK">NOISY BREAK</option> + <option value="BROKEN_VIGNETTE">BROKEN VIGNETTE</option> + <option value="FAX_MACHINE">FAX MACHINE</option> + <option value="STRIPES">STRIPES</option> + + <option value="PHOTOCOPY">PHOTOCOPY</option> +</select> + + +<br> + <div id='breakmode'>BREAK MODES: + <input type='radio' name='modeswitch' id='gradual' value='gradual' checked='checked'></input>gradual + <input type='radio' name='modeswitch' id='subtle' value='subtle'></input>subtle + <input type='radio' name='modeswitch' id='extreme' value='extreme'></input>extreme + </div> + <br> +BREAK ANGLE: <input id='breakangle' type='text' value='0'></input> +<div id="breakangleslider" style="display:inline-block; width: 500px; height:10px;" class="slider"></div><br> +<div id="expanded_check"></div><!--add click event in javascript--> +</div> +<br> +<span style="padding-left:5px;">enter your username: <input type='text' id='username'></input></span> +<div id='therest'> + + <div id='links'> + <span id='imagegallery'><a href='http://asdf.us/im/gallery'>PHOTOBLASTER IMAGE GALLERY</a></span> + <br> + <span id='backtotheeditor'><a href="http://asdf.us/im">←BACK TO THE EDITOR</a></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> +</div> +</div> +<!--</form>--> +<div id='result' class='results'> + <span id="output-cmd" class='results'> +</span> + <span id="output-img" class='results'></span> + <input id="output-url" class='results'></input> + <div id="output-info" class='results'></div> +</div> +<!--<div id="error" style="background-color:red;height:40px;width:400px;"></div>--> +<span class='copyright' style="position:fixed; bottom:10px; left:320px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</span> +<script type="text/javascript" src="jquery.min.js"></script> +<script type="text/javascript" src="jquery-ui.min.js"></script> +<script type="text/javascript" src="main.js"></script> +<script type="text/javascript"> +$('body').click(function(){$('#copyright').html("")}); +$(function(){ +$( "#breakangleslider" ).slider({ + value:0, + min: -180, + max: 180, + step: 1, + slide: function( event, ui ) { + $( "#breakangle" ).val(ui.value); + } + }); + $( "#breakangle" ).val($( "#breakangleslider" ).slider( "value" ) ); +}); +</script> + +</body> + + + +</html> |