3 files changed, 163 insertions, 0 deletions
diff --git a/share/frontend/imgrid/css/jeremy.css b/share/frontend/imgrid/css/jeremy.css
new file mode 100644
index 0000000..800d312
--- /dev/null
+++ b/share/frontend/imgrid/css/jeremy.css
@@ -0,0 +1,113 @@
+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;
+right:20%;
+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;
+}
+table td{
+  padding:4px;
+}
+#threedmore, #imageoptionsmore{
+  background-color:white;
+  cursor:pointer;
+  font-size:20px;
+  text-align:center;
+}
+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;
+}
+.options{
+  background-color:white;
+}
+.options-table{
+  width:100%;
+}
diff --git a/share/frontend/imgrid/js/colors_iframe.js b/share/frontend/imgrid/js/colors_iframe.js
new file mode 100644
index 0000000..5e6d5b2
--- /dev/null
+++ b/share/frontend/imgrid/js/colors_iframe.js
@@ -0,0 +1,45 @@
+
+
+
+
+function launch_iframe(input_target){
+  $.fancybox.open({
+    href : '/im/colors/index.html',
+    width  : 1100,           // set the width
+    height : 710,
+    fitToView : true,
+    autoDimensions:false,
+    autoSize:false,
+    type : 'iframe',
+    closeBtn  : false,
+    padding : 5,
+    beforeShow : function(){					
+      $('.fancybox-iframe').contents().find('#submitvalue').click(function(){
+        $('.fancybox-iframe').contents().find('form').submit();						
+        $.fancybox.close();
+      });					
+    },				
+    beforeClose : function(){
+      x = $('.fancybox-iframe').contents().find('#namespace').val();
+    },
+    afterClose: function(){
+      $(input_target).val(x);
+    }
+  });
+}
+$(document).ready(function(){
+ if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+   return;
+ }
+ var element_list = [".bg-color", ".line-color", ".planebgcolor", ".skycolor"]
+ element_list.forEach(
+   function(l){
+     console.log("a"+l)
+     $("a"+l).click(function(event){ 
+       event.preventDefault();
+       launch_iframe("input"+l) 
+     });
+   }
+ )
+	
+})
diff --git a/share/frontend/imgrid/js/intro.js b/share/frontend/imgrid/js/intro.js
new file mode 100644
index 0000000..7165325
--- /dev/null
+++ b/share/frontend/imgrid/js/intro.js
@@ -0,0 +1,5 @@
+$(document).ready(function(){
+	$('#intro').fadeOut(1000,function(){
+		$('#intro').remove()
+	})
+});