diff options
Diffstat (limited to 'frontend/imgrid/jmd.html')
| -rwxr-xr-x | frontend/imgrid/jmd.html | 346 |
1 files changed, 0 insertions, 346 deletions
diff --git a/frontend/imgrid/jmd.html b/frontend/imgrid/jmd.html deleted file mode 100755 index 7816e65..0000000 --- a/frontend/imgrid/jmd.html +++ /dev/null @@ -1,346 +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" dir="ltr"> -<html> -<!--JMD DOT HTML --> -<!-- - * pepper * - *** and *** - **** JMD **** - * ****** internet CHAMPIONS ****** * - * *************************************** * - ** * ______*______ * ** - ***** * ______*______ * ***** - ******* ______*______ ******* - *** **** * **** *** - ****** *oo******* *** *******oo* ****** - * *o********* *********o* * - * * * * - * * _ _ * * - * * -_ _- * * - * * -_ _- * * - * * -___- * * - * * - ********************* - * ** ** * - * ** ** * - * _-----_ * - ********* - ---> -<head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" > - <meta name="keywords" content="photoblaster, 3D" > - <meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF"> - <link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico"> - <link rel="image_src" href="http://vfile.com/public/img/1.png" > - <meta property="og:title" content="imgrid" /> - <meta property="og:type" content="website" /> - <meta property="og:url" content="http://asdf.us/imgrid" /> - <meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" /> - <title>IMGRID - a 3D GRID-PLANE GENERATOR</title> - - <link rel="stylesheet" href="general.css" type="text/css" media="screen" /> - <link href="colorpixx.css" rel="stylesheet" type="text/css" /> - <link href='main2.css' rel='stylesheet' type='text/css' /> - <link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' /> - <link href='cssreset.css' rel='stylesheet' type='text/css'/> - <style type='text/css'> - body - { - font-family:georgia, Arial; - font-size:10pt; - } - h1 - { - font-size:18px; - width:50%; - margin:10px; - padding:10px; - } - #flatcontrols - { - width:40%; - margin:10px; - padding:10px; - } - .lineadj{display:none;} - .threedadj{display:none;} - .gridbgadj{display:none;} - .imageoptions{display:none;} - .results - { - display:none; - position:relative; - z-index:-100; - } - #output-url - { - z-index:100; - width:500px; - } - .slider - { - background-color:#eee5de; - display:inline-block; - width:50%; - } - #opacity-slider - { - width:100%; - display:inline-block; - margin-right:0; - margin-left:0; - } - input - { - width:70px; - } - .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default - { - background-color:#555; - } - #result - { - position:fixed; - left:50%; - top:20px; - } - #output-url - { - width:100%; - } - .urlinput - { - width:60%; - } - a - { - background-color:white; - max-width:100px; - } - a:link - { - color: black; - } - a:visited - { - COLOR: black; - } - a:hover - { - COLOR: black; - } - a:active - { - COLOR: black; - } - #threedplug, #imageoptionsplug - { - font-size:20px; - text-align:center; - } - .threedmore, .imageoptionsmore - { - cursor:pointer; - } - table - { - empty-cells: show; - } -button { - background: white; - color: #000000; - font-size: 18px; - font-family: Georgia, serif; - text-decoration: none; - vertical-align: middle; - } -.button:hover { - border-top-color: #78e072; - background: #78e072; - color: #000000; - } - </style> -</head> -<body> -<img src='http://asdf.us/im/8d/imgrid_1324285217_imgrid_1324210455_imgrid_1324210353_gradient_darkseagreencyan_1317343959___.png' style='position:fixed; top:-200px; z-index:-100;'></img> -<div style='font-size:30px; margin-top:20px;margin-left:20px;'>IMGRID</div> -<div style="font-size:12px;margin-left:20px;margin-bottom:20px;">3D-GRID-PLANE GENERATOR</div> - - <div id="flatcontrols"> -<table><tr><td>3D OPTIONS</td></tr></table> -<br> -<table style="width:100%"> - <tr><td>SWING <input id='swing' type='text' value='0'></input></td></tr> - <tr id="swingslider" class="slider"></tr> - <tr><td>TILT <input id='tilt' type='text' value='0'></input></td></tr> - <tr id="tiltslider" class="slider"></tr> - <tr><td>ROLL <input id='roll' type='text' value='0'></input></td></tr> - <tr id="rollslider" class="slider"></tr> - <tr><td>ZOOM <input id='zoom' type='text' value='0'></input></td></tr> - <tr id="zoomslider" class="slider" value='0'></tr></table><table> - <tr><td> </td></tr> - <tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr> - -</table> -<br> -<br> -<table> -<tr><td class='threedmore'>GRAPHIC OPTIONS  </td> - <td> <div id='threedplug' class='threedmore'>+</div></td></tr> - </table> - <table> - <tr><td> </td></tr> - - <tr class='threedadj'><td>GRID THICKNESS:</td> - <td><input id='line-thickness' type='text' value='1'></td><td><span style="font-size:12px">PX  </span></input></td></tr> - - <tr class='threedadj'><td>GRID COLOR:</td> - <td><input id='line-color' type='text' value='BLACK'></input></td> - <td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td> - </tr> - - - <tr class='threedadj'> - <td>GRID OPACITY: </td> - <td><input id='line-opacity' type='text' value='1'></input></td> - <td class="slider" style="margin:0;padding:0;"id="opacity-slider"></td> - </tr> - - <tr class='threedadj'> - <td>GRID SPACING: </td> - <td><input id='line-spacing' type='text' value='0'></input></td> - <td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr> - - <tr class='threedadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr> - - <tr class='threedadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr> - </table> - - -<table> - <tr class='threedadj'><td>USE IMAGE INSTEAD OF GRID</td> - <td><input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></td> - </tr></table> -<table class='threedadj'><td>GRID BACKGROUND COLOR <input type="text" id="bg-color" value="none"></td><td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></input></td> - - </table> - <table> - <tr class='threedadj'><td>OR GRID BACKGROUND IMAGE</td> - <td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr> - </table> - -<table> - <tr class='threedadj'><td>GRID-TRANSITION</td> - <td><select id="transition"> - <option selected="selected" value='background'>none</option> - <option value="dither">dithered</option> - <option value="noise">noise</option> - <option value="tile">infinite</option> - </select></td></tr> - -</table> - <table> - <tr class='threedadj'><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr> - - -</table> - - -<br> - - <table> - <tr><td class="imageoptionsmore">IMAGE OPTIONS  </td> - <td><div id="imageoptionsplug" class="imageoptionsmore">+</div></td> - </tr> - </table> - <tr><td> </td></tr> - <table class='imageoptions'><td>BACKGROUND COLOR  </td><td><input type="text" value="transparent" id="planebgcolor"></input></td> - <td>  <a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td> </table> - <table> - - <tr class='imageoptions'><td>OR BACKGROUND IMAGE  </td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr> - </table> - - <table><tr class='imageoptions'><td>SKYCOLOR  </td><td><input type="text" value="none" id="skycolor"> for the area above the horizon-line</input>  </td> - <td><a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td> - </tr> - <tr class="imageoptions"><td>HEIGHT</td> - <td> <input id='img-height' type='text' value='500'><span style="font-size:12px">PX</span></input></td></td> - - <tr class="imageoptions"><td>WIDTH</td> - <td><input id='img-width' type='text' value='700'><span style="font-size:12px">PX</span></input></td></td></table> -<table> - <tr class="imageoptions"><td>IMAGE FORMAT</td><td> - <select id='format'> - <option selected='selected' value='png'>PNG</option> - <option value='gif'>GIF</option> - <option value='jpg'>JPG</option> - </select></td></tr></table> - <br> -<table> - - <tr><td>USERNAME   </td><td><input type=text value="" id='username'></input></td></tr> -</table> -<br> -<table> -<button id="generate">GENERATE</button> - -</div> - -<div id='result'> - <span id="output-cmd" class='results'>click generate or hit enter to get your 2D plane</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="likebutton"> -<br> - - - -<h5 style="position:fixed; bottom:10px; left:10px;" id='copyright'>COPYRIGHT 2011 PEPPER DREAMTEAMER</h5> -<script type="text/javascript" src="jquery-1.6.4.min.js"></script> -<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script> -<script type="text/javascript" src="sliders.js"></script> -<script type="text/javascript" src="main.js"></script> -<script type='text/javascript'> - threedmoreclicked = 'false'; - $('.threedmore').click(function(){ - $('.threedadj').toggle('300') - - if(threedmoreclicked === 'false'){ - $('#threedplug').html('-') - threedmoreclicked = 'true' - } - else{ - $('#threedplug').html('+') - threedmoreclicked = 'false' - } - $('#copyright').hide(); - }) - imageoptionsmoreclicked = 'false'; - $('#imageoptionsplug').html('+'); - $('.imageoptionsmore').click(function(){ - $('.imageoptions').toggle('300') - if(imageoptionsmoreclicked === 'false'){ - $('#imageoptionsplug').html('-') - imageoptionsmoreclicked = 'true' - } - else{ - $('#imageoptionsplug').html('+') - imageoptionsmoreclicked = 'false' - } - $('#copyright').hide(); - }); - $('#bg-color').click(function(){ - nonecheck = $('#bg-color').val() - if(nonecheck === 'none') - { - $('#bg-color').val('') - } - }); -</script> -</body> -</html> |