diff options
Diffstat (limited to 'share/frontend/imgrid/indexold.html')
| -rwxr-xr-x | share/frontend/imgrid/indexold.html | 322 |
1 files changed, 322 insertions, 0 deletions
diff --git a/share/frontend/imgrid/indexold.html b/share/frontend/imgrid/indexold.html new file mode 100755 index 0000000..5c1e27e --- /dev/null +++ b/share/frontend/imgrid/indexold.html @@ -0,0 +1,322 @@ +<!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> +<!-- + * CHICAGO * + *** BULLS *** + **** NBA **** + * ****** 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" > + <!--FACEBOOK<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">--> + <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; +// box-shadow: 0px 0px 9px 4px #8B7D7B; + } + #flatcontrols + { + // background-color:whitesmoke; + // box-shadow: 0px 0px 9px 3px #00EEEE; + 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; + } + .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:absolute; + right:20px; + top:10px; + } + #output-url + { + width:100%; + } + .urlinput + { + width:60%; + } + a + { + background-color:#8B8B83; + max-width:100px; + border-style:solid; + border-width:1px; + } + a:link + { + color: gold; + } + a:visited + { + COLOR: mediumspringgreen; + } + a:hover + { + COLOR: #FF0000; + } + a:active + { + COLOR: #00FF00; + } + table td + { + padding:4px; +// border:solid 2px; + } + table tr + { +// border: solid 2px; + } + </style> +</head> +<body> +<!--popupcode--> +<!-- <div id="popupContact"> + <a id="popupContactClose">x</a> + <applet code="org.jdesktop.applet.util.JNLPAppletLauncher" + width=800 + height=600 + archive="dist/deployment/v1/jar/applet-launcher.jar, + dist/deployment/v1/jar/gluegen-rt.jar, + dist/deployment/v1/jar/jogl.all.jar, + dist/3dmap.jar"> + <param name="codebase_lookup" value="false"> + <param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet"> + <param name="subapplet.displayname" value="3D Map"> + <param name="noddraw.check" value="true"> + <param name="progressbar" value="true"> + <param name="jnlpNumExtensions" value="1"> + <param name="jnlpExtension1" + value="dist/deployment/v1/jogl-awt.jnlp"> + <param name="java_arguments" value="-Dsun.java2d.noddraw=true"> + <param name="jnlp_href" value="dist/3dmap.jnlp"> +</applet> + </div> + <div id="backgroundPopup"></div> +endpopup code--> + + +<h1>IMGRID </h1> +<h2 style="font-size:16px;margin:10px;padding:10px;">A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h2> + +<!--<h2 id="use">USE:</h2> + <div id="controls"> + <h2>I. THE FLAT PLANE + <span id="swingleft" >II. THE 3D PLANE (forthcoming) + <br> CLICK TO OPEN JAVA APPLET</span></h2>--> + + <div id="flatcontrols"> +<table style="width:100%"> + <tr><td>HEIGHT<input id='img-height' type='text' value='300'><span style="font-size:12px">PX</span></input></td> + + <td>WIDTH  <input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></tr> + <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>TRIM WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr> + +</table> +<br> + +<table> +<tr><td>3D PLANE</td> + + <td> <button id='threedmore'>OPTIONS</button></td></tr> +</table> + <table class='threedadj'><td>PLANE BACKGROUND COLOR</td><td><input type="text" value="transparent" id="planebgcolor"></input></td> + <td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td> </table> + <table> + + <tr class='threedadj'><td>OR USE A BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr> + </table> +<table> + <tr class='threedadj'><td>DITHERED-TRANSITION</td> + <td><select id="transition"> + <option selected="selected" value='background'>none</option> + <option value="dither">dithered</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> + <tr class='threedadj'><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">SEE COLOR LIST</a></td> + </tr></table> + <table> + <tr><td>LINE:</td> + <td><button id='linemore'>OPTIONS</button></td> + + + <tr class='lineadj'><td>LINE THICKNESS:</td> + <td><input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></td></tr> + + <tr class='lineadj'><td>LINE COLOR:</td> + <td><input id='line-color' type='text' value='BLACK'></input></td> + <td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></td> + </tr> + + + <tr class='lineadj'> + <td>LINE 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='lineadj'> + <td>LINE SPACING: </td> + <td><input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input></td> + <td class="slider" style="margin:0;padding:0;" id="spacing-slider"></td></tr> + + <tr class='lineadj'><td>USE ONLY VERTICAL LINES</td><td><input type="checkbox" id="v-lines" value="false"></input></td></tr> + + <tr class='lineadj'><td>USE ONLY HORIZONTAL LINES</td><td><input type="checkbox" id="h-lines" value="false" ></input></td></tr> + </table> +<table class="lineadj"> + <tr><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> + </table> + <table> +<tr><td>GRID BACKGROUND:</td> + +<td> <button id='gridbgmore'>OPTIONS</button></td></tr> + <tr class='gridbgadj'><td>TRANSPARENT? (THE DEFAULT)</td><td><input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></td></tr> + <tr class='gridbgadj'><td>USE AN IMAGE?</td> + <td><input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></td></tr> + </table><table class='gridbgadj'><td>USE A COLOR?<input type="text" id="bg-color" value=""></td><td><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></td> + + </table> + + +<table> + <tr><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> + +<table> + + <tr><input type=text value="" id='username'>← ENTER YOUR NAME if you want </input></tr> +</table> +<table> +<button id="generate">GENERATE</button> + + +</div> + +</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> + +<h5 style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER DREAMTEAMER</h5> +<div id="intro" style="background-color:white"> +<div id="athena"><img src="athenafinal.gif"></img></div> +</div> +<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">$('#intro').remove();</script> +<!--<script type="text/javascript" src="intro.js">--> +<script type="text/javascript" src="main.js"></script> +<!--<script src="popup.js" type="text/javascript"></script>--> +<!--<script type="text/javascript" src="picker.js"></script>--> +<script type='text/javascript'> + $('#linemore').click(function(){$('.lineadj').toggle('300')}) + $('#threedmore').click(function(){$('.threedadj').toggle('300')}) + $('#gridbgmore').click(function(){$('.gridbgadj').toggle('300')}) + $('#imageoptionsmore').click(function(){$('.imageoptions').toggle('300')}); +</script> +</body> +</html> |