From 3f681da1bb814fbad5f56489bc808e960d642a28 Mon Sep 17 00:00:00 2001 From: pepperpepperpepper Date: Mon, 23 Nov 2015 13:17:08 -0800 Subject: finished jeremy's imgrid --- share/frontend/imgrid/css/style.css | 16 ++++ share/frontend/imgrid/jeremy.html | 159 ++++++++++++++++++++---------------- 2 files changed, 106 insertions(+), 69 deletions(-) diff --git a/share/frontend/imgrid/css/style.css b/share/frontend/imgrid/css/style.css index 8c89c5d..403e54b 100644 --- a/share/frontend/imgrid/css/style.css +++ b/share/frontend/imgrid/css/style.css @@ -205,3 +205,19 @@ table #bg-table{ width:150px; } +.j-blurb{ + font-size: 30px; + margin-top: 20px; + margin-left: 20px; +} +.j-blurb-lower{ + font-size:12px; + margin-left:20px; + margin-bottom:20px; +} +table.dimensions > tbody > .slider{ + width: 100%; +} +#genbutton-wrapper > button{ + margin-left: 2em; +} diff --git a/share/frontend/imgrid/jeremy.html b/share/frontend/imgrid/jeremy.html index e32fdb4..48a764b 100755 --- a/share/frontend/imgrid/jeremy.html +++ b/share/frontend/imgrid/jeremy.html @@ -46,7 +46,7 @@ - +
@@ -56,18 +56,22 @@
-
IMGRID
-
3D-GRID-PLANE GENERATOR
+
IMGRID
+
3D-GRID-PLANE GENERATOR
+ +
+ +
- + + - -
3D OPTIONSPERSPECTIVE OPTIONS
+
-
- +
+
+ @@ -77,104 +81,123 @@ + + +
SWING 
TILT 
ZOOM  (in/out)  
 
-
-
+
- + - +
GRAPHIC OPTIONS
GRID OPTIONS
+
+
- - - - + +
+
GRID THICKNESS:PX  
+ + + + + - - + + - +
GRID THICKNESS: + + PX + +
GRID COLOR:COLOR LISTCOLOR LIST
+ - + - +
GRID OPACITY:
GRID SPACING:
USE ONLY VERTICAL LINES
USE ONLY HORIZONTAL LINES
- - - - - -
USE IMAGE INSTEAD OF GRIDIMG URL eg:http://ww...
- +
GRID BACKGROUND COLOR COLOR LIST
+
GRID BACKGROUND COLOR COLOR LIST
- - +
OR GRID BACKGROUND IMAGE
+
OR GRID BACKGROUND IMAGE IMG URL eg:http://ww...
- - +
GRID-TRANSITION
+
GRID-TRANSITION
- - - - -
DROP SHADOW
+
-
- - - - +
IMAGE OPTIONS
+
+ +
IMAGE OPTIONS
+
- -
BACKGROUND COLORCOLOR LIST
- +
+
+ + + + + + +
HEIGHT PX
WIDTH + + PX + +
+ + + +
USE IMAGE INSTEAD OF GRIDIMG URL eg:http://ww...
+ +
BACKGROUND COLORCOLOR LIST
+ - +
OR BACKGROUND IMAGEIMG URL eg:http://ww...
OR BACKGROUND IMAGEIMG URL eg:http://ww...
- - +
SKYCOLORfor the area above the horizon-lineCOLOR LIST
+ +
DROP SHADOW
+ + - - - - -
SKYCOLORfor the area above the horizon-lineCOLOR LIST
HEIGHT PX
WIDTHPX
- - -
CROP WHITESPACE
IMAGE FORMAT -
-
- - - + + +
CROP WHITESPACE
+ +
IMAGE FORMAT +
+ + + @@ -189,8 +212,6 @@
 
USERNAME
+

- - @@ -199,8 +220,8 @@
- click generate or hit enter to get your 2D plane - + +
-- cgit v1.2.3-70-g09d2