summaryrefslogtreecommitdiff
path: root/share/frontend
diff options
context:
space:
mode:
authorPepper <pepper@scannerjammer.com>2015-11-24 21:08:34 -0500
committerPepper <pepper@scannerjammer.com>2015-11-24 21:08:34 -0500
commited27db2dd92f3e8d9527ec7d100c1c23cfd7976e (patch)
treefb833075f12ea09e87f083dbaa73bb81b653003d /share/frontend
parent5186cf0a6f3114b9d74420a6247f87f60ed03897 (diff)
installed jeremy's imgrid
Diffstat (limited to 'share/frontend')
-rwxr-xr-xshare/frontend/imgrid/classic.html (renamed from share/frontend/imgrid/jeremy.html)95
-rwxr-xr-xshare/frontend/imgrid/index.html95
2 files changed, 95 insertions, 95 deletions
diff --git a/share/frontend/imgrid/jeremy.html b/share/frontend/imgrid/classic.html
index 48a764b..c60da1e 100755
--- a/share/frontend/imgrid/jeremy.html
+++ b/share/frontend/imgrid/classic.html
@@ -46,7 +46,6 @@
<link href='css/cssreset.css' rel='stylesheet' type='text/css'/>
<link href='css/style.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
-<!-- <link href='css/jeremy.css' rel='stylesheet' type='text/css' />-->
</head>
<body>
<div id='intro'>
@@ -55,22 +54,44 @@
</div>
</div>
-<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 class="j-blurb" >IMGRID</div>
-<div class="j-blurb-lower">3D-GRID-PLANE GENERATOR</div>
+<a id="bros-pic-wrapper" href="http://asdf.us/imgrid/index.html">
+ <img id="bros-pic" src='img/bros.png' />
+ <div>
+ <img class="banner" src="img/imgrid.png" />
+ </div>
+</a>
-<div id='genbutton-wrapper'><button id='generate'>GENERATE</button></div>
+<div class="blurb">IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows
+<br>
+hit enter or click GENERATE to get your perspective-plane
+
+<span id='genbutton'><button id='generate'>GENERATE</button></span>
</div>
<form id='theform'>
<div id="flatcontrols">
<table>
<tr>
- <td class='dimensionsmore'>PERSPECTIVE OPTIONS</td>
+ <td class='dimensionsmore'>DIMENSIONS</td>
<td> <div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
</table>
<div id='thedimensions'>
+ <table class='dimensions'>
+ <tr><td>HEIGHT</td>
+ <td> <input id='img-height' type='text' value='500'><span class="big">PX</span></input></td></td>
+
+ <tr><td>WIDTH</td>
+ <td>
+ <input id='img-width' type='text' value='700'>
+ <span class="big">PX</span>
+ </input>
+ </td>
+<!-- </td>-->
+ <tr class="buffer">
+ <td>&nbsp</tr>
+ <td>
+ </table>
<table class="dimensions">
<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
<tr id="swingslider" class="slider"></tr>
@@ -81,18 +102,32 @@
<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
<tr id="zoomslider" class="slider" value='0'></tr>
- <tr class="buffer">
- <td>&nbsp</tr>
- <td>
</table>
+<table class="dimensions">
+ <tr><td>&nbsp</td></tr>
+ <tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+ <tr><td>&nbsp</td></tr>
+ </table>
+<table class='dimensions'>
+ <tr><td>IMAGE FORMAT</td><td>
+ <select id='format'>
+ <option selected='selected' value=''></option>
+ <option value='png'>PNG</option>
+ <option value='gif'>GIF</option>
+ <option value='jpg'>JPG</option>
+ </select></td></tr></table>
</div>
<table>
-<tr><td class='gridmore'>GRID OPTIONS</td>
+<tr><td class='gridmore'>GRID AND IMAGE</td>
<td> <div id='gridplug' class='gridmore'>+</div></td></tr>
</table>
<div id='thegrid'>
+<table class='gridadj'>
+ <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 class='gridadj'>
<tr><td>GRID THICKNESS:</td>
<td>
@@ -146,31 +181,20 @@
</select></td></tr>
</table>
+ <table class='gridadj'>
+ <tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+
+
+</table>
</div>
<table id="bg-table" >
- <tr><td class="backgroundmore">IMAGE OPTIONS</td>
+ <tr><td class="backgroundmore">BACKGROUND</td>
<td><div id="backgroundplug" class="backgroundmore">+</div></td>
</tr>
</table>
<div id='thebackground'>
- <table class='background'>
- <tr><td>HEIGHT</td>
- <td> <input id='img-height' type='text' value='500'><span class="big">PX</span></input></td></td>
-
- <tr><td>WIDTH</td>
- <td>
- <input id='img-width' type='text' value='700'>
- <span class="big">PX</span>
- </input>
- </td>
-<!-- </td>-->
- </table>
- <table class='background'>
- <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 class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" class="color_input planebgcolor" id="planebgcolor"></input></td>
<td><a href="http://asdf.us/im/colors" class="color_input planebgcolor" target="_blank">COLOR LIST</a></td> </table>
<table class="background">
@@ -178,24 +202,10 @@
<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
</table>
- <table class='background'>
- <tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
-</table>
<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" class="color_input skycolor" value="none" id="skycolor">for the area above the horizon-line</input></td>
<td><a href="http://asdf.us/im/colors" class="color_input skycolor" target="_blank">COLOR LIST</a></td>
</tr>
- <table class='background'>
- <tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
- </table>
- <table class='background'>
- <tr><td>IMAGE FORMAT</td><td>
- <select id='format'>
- <option selected='selected' value=''></option>
- <option value='png'>PNG</option>
- <option value='gif'>GIF</option>
- <option value='jpg'>JPG</option>
- </select></td></tr></table>
- </table>
+</table>
</div>
<table>
@@ -226,6 +236,7 @@
<input id="output-url" class='results'></input>
<div id="output-info" class='results'></div>
</div>
+<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="img/blackplant.png"></img></a>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script>
diff --git a/share/frontend/imgrid/index.html b/share/frontend/imgrid/index.html
index c60da1e..48a764b 100755
--- a/share/frontend/imgrid/index.html
+++ b/share/frontend/imgrid/index.html
@@ -46,6 +46,7 @@
<link href='css/cssreset.css' rel='stylesheet' type='text/css'/>
<link href='css/style.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
+<!-- <link href='css/jeremy.css' rel='stylesheet' type='text/css' />-->
</head>
<body>
<div id='intro'>
@@ -54,44 +55,22 @@
</div>
</div>
-<a id="bros-pic-wrapper" href="http://asdf.us/imgrid/index.html">
- <img id="bros-pic" src='img/bros.png' />
- <div>
- <img class="banner" src="img/imgrid.png" />
- </div>
-</a>
+<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 class="j-blurb" >IMGRID</div>
+<div class="j-blurb-lower">3D-GRID-PLANE GENERATOR</div>
-<div class="blurb">IMGRID - stretch images from the web in 3 dimensions, draw lines and make drop shadows
-<br>
-hit enter or click GENERATE to get your perspective-plane
-
-<span id='genbutton'><button id='generate'>GENERATE</button></span>
+<div id='genbutton-wrapper'><button id='generate'>GENERATE</button></div>
</div>
<form id='theform'>
<div id="flatcontrols">
<table>
<tr>
- <td class='dimensionsmore'>DIMENSIONS</td>
+ <td class='dimensionsmore'>PERSPECTIVE OPTIONS</td>
<td> <div id='dimensionsplug' class='dimensionsmore'>+</div></td></tr>
</table>
<div id='thedimensions'>
- <table class='dimensions'>
- <tr><td>HEIGHT</td>
- <td> <input id='img-height' type='text' value='500'><span class="big">PX</span></input></td></td>
-
- <tr><td>WIDTH</td>
- <td>
- <input id='img-width' type='text' value='700'>
- <span class="big">PX</span>
- </input>
- </td>
-<!-- </td>-->
- <tr class="buffer">
- <td>&nbsp</tr>
- <td>
- </table>
<table class="dimensions">
<tr><td>SWING&nbsp<input id='swing' type='text' value='0'></input></td></tr>
<tr id="swingslider" class="slider"></tr>
@@ -102,32 +81,18 @@ hit enter or click GENERATE to get your perspective-plane
<tr><td>ZOOM&nbsp (in/out) &nbsp<input id='zoom' type='text' value='0'></input></td></tr>
<tr id="zoomslider" class="slider" value='0'></tr>
+ <tr class="buffer">
+ <td>&nbsp</tr>
+ <td>
</table>
-<table class="dimensions">
- <tr><td>&nbsp</td></tr>
- <tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
- <tr><td>&nbsp</td></tr>
- </table>
-<table class='dimensions'>
- <tr><td>IMAGE FORMAT</td><td>
- <select id='format'>
- <option selected='selected' value=''></option>
- <option value='png'>PNG</option>
- <option value='gif'>GIF</option>
- <option value='jpg'>JPG</option>
- </select></td></tr></table>
</div>
<table>
-<tr><td class='gridmore'>GRID AND IMAGE</td>
+<tr><td class='gridmore'>GRID OPTIONS</td>
<td> <div id='gridplug' class='gridmore'>+</div></td></tr>
</table>
<div id='thegrid'>
-<table class='gridadj'>
- <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 class='gridadj'>
<tr><td>GRID THICKNESS:</td>
<td>
@@ -181,20 +146,31 @@ hit enter or click GENERATE to get your perspective-plane
</select></td></tr>
</table>
- <table class='gridadj'>
- <tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
-
-
-</table>
</div>
<table id="bg-table" >
- <tr><td class="backgroundmore">BACKGROUND</td>
+ <tr><td class="backgroundmore">IMAGE OPTIONS</td>
<td><div id="backgroundplug" class="backgroundmore">+</div></td>
</tr>
</table>
<div id='thebackground'>
+ <table class='background'>
+ <tr><td>HEIGHT</td>
+ <td> <input id='img-height' type='text' value='500'><span class="big">PX</span></input></td></td>
+
+ <tr><td>WIDTH</td>
+ <td>
+ <input id='img-width' type='text' value='700'>
+ <span class="big">PX</span>
+ </input>
+ </td>
+<!-- </td>-->
+ </table>
+ <table class='background'>
+ <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 class='background'><td>BACKGROUND COLOR</td><td><input type="text" value="transparent" class="color_input planebgcolor" id="planebgcolor"></input></td>
<td><a href="http://asdf.us/im/colors" class="color_input planebgcolor" target="_blank">COLOR LIST</a></td> </table>
<table class="background">
@@ -202,10 +178,24 @@ hit enter or click GENERATE to get your perspective-plane
<tr><td>OR BACKGROUND IMAGE</td><td><input class='urlinput' type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></td></tr>
</table>
+ <table class='background'>
+ <tr><td>DROP SHADOW</td><td><input type='checkbox' id='shadow' value='false'</input></td></tr>
+</table>
<table class='background'><tr><td>SKYCOLOR</td><td><input type="text" class="color_input skycolor" value="none" id="skycolor">for the area above the horizon-line</input></td>
<td><a href="http://asdf.us/im/colors" class="color_input skycolor" target="_blank">COLOR LIST</a></td>
</tr>
-</table>
+ <table class='background'>
+ <tr><td>CROP WHITESPACE</td><td><input type="checkbox" id="trim" value="false"></input></td></tr>
+ </table>
+ <table class='background'>
+ <tr><td>IMAGE FORMAT</td><td>
+ <select id='format'>
+ <option selected='selected' value=''></option>
+ <option value='png'>PNG</option>
+ <option value='gif'>GIF</option>
+ <option value='jpg'>JPG</option>
+ </select></td></tr></table>
+ </table>
</div>
<table>
@@ -236,7 +226,6 @@ hit enter or click GENERATE to get your perspective-plane
<input id="output-url" class='results'></input>
<div id="output-info" class='results'></div>
</div>
-<span class='copyright' style="position:fixed; bottom:10px; left:10px;">COPYRIGHT 2011 PEPPER</span><a href='http://asdf.us/imgrid/greatgrids/index.html'><img class='copyright' style='display:inline; position:fixed; bottom:10px; left:290px; width:100px' src="img/blackplant.png"></img></a>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/im/colors/js/jquery.remember-state.js"></script>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-16 00:16:57 +0000