diff options
Diffstat (limited to 'frontend/imgrid/indexOLD.html')
| -rwxr-xr-x | frontend/imgrid/indexOLD.html | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/frontend/imgrid/indexOLD.html b/frontend/imgrid/indexOLD.html new file mode 100755 index 0000000..0e72d37 --- /dev/null +++ b/frontend/imgrid/indexOLD.html @@ -0,0 +1,140 @@ +<!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> +<!-- + __ __ __ __ __ __ __ +/_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ +\_\ / \_\ / \_\ / \_\ / \_\ / \_\ / \_\ / +/_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \ +\_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ + \_\/ \_\/ \_\/ \_\/ \_\/ \_\/ \_\/ +--> +<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" > + <!--<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='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'> + <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> + <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css'> + +</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: A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h1> +<h2 id="use">USE:</h2> +<div id="controls"> +<h2>I. THE FLAT PLANE +<span id="swingleft" >II. THE 3D PLANE<br> CLICK TO OPEN JAVA APPLET</span></h2> +<div id="flatcontrols"> +<h3>CHOOSE AN IMAGE SIZE: HEIGHT<input id='img-height' type='text' value='400'><span style="font-size:12px">PX</span></input>WIDTH<input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></h3> +<h3>CHOOSE THE LINE THICKNESS:<input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></h3> +<h3>CHOOSE A LINE COLOR:<input id='line-color' type='text' value='BLACK'><span style="font-size:12px">PX</span></input></h3> + +<h3>ADJUST LINE OPACITY: <input id='line-opacity' type='text' value='1'></input> +<div class="slider" id="opacity-slider"></div></h3> +<h3>ADJUST SPACING: <input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input> +<div class="slider" id="spacing-slider"></div></h3> +<h4>USE ONLY VERTICAL LINES<input type="checkbox" id="v-lines" value="false"></input></h4> +<h4>USE ONLY HORIZONTAL LINES<input type="checkbox" id="h-lines" value="false" ></input></h4> +<h4>ADD A SHADOW<input type='checkbox' id='shadow' value='false'</input></h4> +<h3>CHOOSE BACKGROUND OF GRID:</h3> +<h4>TRANSPARENT? (THE DEFAULT)<input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></h4> +<h4>USE AN IMAGE?<input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></h4> +<h4>USE A COLOR?<input type="text" id="bg-color" value=""><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4> +<h3>ADJUST WITHIN THE 3D PLANE:</h3> +<h4>USE IMAGE INSTEAD OF GRID<input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></h4> +<h4>CHOOSE A BACKGROUND COLOR<input type="text" value="transparent" id="planebgcolor"><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4> +<h4>OR USE A BACKGROUND IMAGE</h4><input type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></h4> +<h4>CHOOSE A SKYCOLOR</h4><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></h4> +<h4>ADD A DITHERED-TRANSITION</h4><input type="checkbox" id="dither"></input></h4> +<h3>SWING<input id='swing' type='text' value='0'></input> +<div id="swingslider" class="slider"></div></h3> +<h3>TILT<input id='tilt' type='text' value='0'></input> +<div id="tiltslider" class="slider"></div></h3> +<h3>ROLL<input id='roll' type='text' value='0'></input> +<div id="rollslider" class="slider"></div></h3> +<h3>ZOOM<input id='zoom' type='text' value='0'></input> +<div id="zoomslider" class="slider" value='0'></div></h3> +<h3>TRIM IT<input type="checkbox" id="trim" value="false"></input></h3> +<h4>ADJUST THE IMAGE FORMAT<select id='format'> + <option selected='selected' value='png'>PNG</option> + <option value='gif'>GIF</option> + <option value='jpg'>JPG</option> +</select></h4> +<h3><input type=text value="" id='username'>← ENTER YOUR NAME if you want </input></h4> +<button id="generate">GENERATE</button> +<input type="reset" value="Reset Form"> +</div> +</div> +<span id="output-cmd" style="background-color:pink; position:absolute; right:70px; top:50px;">click generate or hit enter to get your 2D plane</span> +<span id="output-img" style="background-color:pink; position:absolute; right:300px; top:70px;"></span> +<div id="output-url" style="background-color:pink; position:absolute; right:300px; top:90px;"></div> +<div id="result" style="background-color:pink; position:absolute; right:300px; top:130px;"></div> +<div id="colorlist" style="background-color:red; height:600px; width:300px; position:fixed; top:20px; right:10%; z-index:20px;"></div> +<h5>COPYRIGHT 2011 PEPPER DREAMTEAMER</h5> + + +<div id="intro" style="background-color:white"> +<!--<div id="bg"> + <div><table cellspacing=0 cellpadding=0><tr><td> + <img src="background.gif" /> + </td></tr></table></div> +</div>--> +<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> + + + + + + + +</body> +</html> |