summaryrefslogtreecommitdiff
path: root/share/frontend/imgrid/jmd.html
diff options
context:
space:
mode:
authoryo mama <pepper@scannerjammer.com>2015-09-22 00:51:40 -0700
committeryo mama <pepper@scannerjammer.com>2015-09-22 00:51:40 -0700
commitd3e7b5708deffbed864c916de22663f48333c58b (patch)
treeef76784a7827baff88c03670bf22832a3f146b17 /share/frontend/imgrid/jmd.html
parent86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff)
finishing server
Diffstat (limited to 'share/frontend/imgrid/jmd.html')
-rwxr-xr-xshare/frontend/imgrid/jmd.html346
1 files changed, 346 insertions, 0 deletions
diff --git a/share/frontend/imgrid/jmd.html b/share/frontend/imgrid/jmd.html
new file mode 100755
index 0000000..7816e65
--- /dev/null
+++ b/share/frontend/imgrid/jmd.html
@@ -0,0 +1,346 @@
+<!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&nbsp<input id='swing' type='text' value='0'></input></td></tr>
+ <tr id="swingslider" class="slider"></tr>
+ <tr><td>TILT&nbsp<input id='tilt' type='text' value='0'></input></td></tr>
+ <tr id="tiltslider" class="slider"></tr>
+ <tr><td>ROLL&nbsp<input id='roll' type='text' value='0'></input></td></tr>
+ <tr id="rollslider" class="slider"></tr>
+ <tr><td>ZOOM&nbsp<input id='zoom' type='text' value='0'></input></td></tr>
+ <tr id="zoomslider" class="slider" value='0'></tr></table><table>
+ <tr><td>&nbsp</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&nbsp&nbsp</td>
+ <td> <div id='threedplug' class='threedmore'>+</div></td></tr>
+ </table>
+ <table>
+ <tr><td>&nbsp</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&nbsp&nbsp</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&nbsp&nbsp</td>
+ <td><div id="imageoptionsplug" class="imageoptionsmore">+</div></td>
+ </tr>
+ </table>
+ <tr><td>&nbsp</td></tr>
+ <table class='imageoptions'><td>BACKGROUND COLOR&nbsp&nbsp</td><td><input type="text" value="transparent" id="planebgcolor"></input></td>
+ <td>&nbsp&nbsp<a href="http://asdf.us/im/colors.html" target="_blank">COLOR LIST</a></td> </table>
+ <table>
+
+ <tr class='imageoptions'><td>OR BACKGROUND IMAGE&nbsp&nbsp</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&nbsp&nbsp</td><td><input type="text" value="none" id="skycolor">&nbsp;&nbsp;for the area above the horizon-line</input>&nbsp&nbsp</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 &nbsp&nbsp</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>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-11 11:27:21 +0000