finishing server

author: yo mama <pepper@scannerjammer.com> 2015-09-22 00:51:40 -0700
committer: yo mama <pepper@scannerjammer.com> 2015-09-22 00:51:40 -0700
commit: d3e7b5708deffbed864c916de22663f48333c58b (patch)
tree: ef76784a7827baff88c03670bf22832a3f146b17 /share/frontend/impattern/impattern.html
parent: 86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff)
1 files changed, 254 insertions, 0 deletions
diff --git a/share/frontend/impattern/impattern.html b/share/frontend/impattern/impattern.html
new file mode 100644
index 0000000..bf26446
--- /dev/null
+++ b/share/frontend/impattern/impattern.html
@@ -0,0 +1,254 @@
+<html>
+<head>
+<link href='http://fonts.googleapis.com/css?family=Orienta|Roboto' rel='stylesheet' type='text/css'>
+<style type="text/css">
+body{
+font-family: 'Roboto', sans-serif;
+}
+.title{
+  font-family: 'Orienta', sans-serif;
+  font-size:3em;
+  text-shadow: 2px 4px 3px rgba(153,153,153,0.3);
+  color: #1C1C1C;
+}
+#sample
+	{
+	border-style: outset;
+	border-color: gray;
+	border-width: 5px;
+	}
+table.dithertable {
+	border-width: 5px;
+	border-spacing: 3px;
+	border-style: outset;
+	border-color: gray;
+	border-collapse: separate;
+	background-color: rgb(250, 240, 230);
+}
+table.dithertable th {
+	border-width: medium;
+	padding: 2px;
+	border-style: ridge;
+	border-color: gray;
+	background-color: rgb(255, 255, 240);
+	-moz-border-radius: ;
+}
+table.dithertable td {
+	border-width: medium;
+	padding: 2px;
+	border-style: ridge;
+	border-color: gray;
+	background-color: rgb(255, 255, 240);
+	-moz-border-radius: ;
+	background-color:white;
+}
+.dithers
+	{
+	width:10px;
+	height:10px;
+	cursor:pointer;
+	}
+#dithertable
+	{
+	width:50%;
+	display:inline-block;
+	}
+tr
+	{
+	height:40px;
+	}
+</style>
+
+</head>
+<body>
+<table class="dithertable" id="dithertable">
+<tr>
+<td class='dithers' style='background-image:url(dithers/1.png)' id='dither_1'>&nbsp;</td>
+<td class='dithers' style='background-image:url(dithers/10.png)' id='dither_10'>&nbsp;</td>
+<td class='dithers' style='background-image:url(dithers/11.png)' id='dither_11'></td>
+<td class='dithers' style='background-image:url(dithers/12.png)' id='dither_12'></td>
+<td class='dithers' style='background-image:url(dithers/13.png)' id='dither_13'></td>
+<td class='dithers' style='background-image:url(dithers/14.png)' id='dither_14'></td>
+<td class='dithers' style='background-image:url(dithers/15.png)' id='dither_15'></td>
+<td class='dithers' style='background-image:url(dithers/16.png)' id='dither_16'></td>
+<td class='dithers' style='background-image:url(dithers/17.png)' id='dither_17'></td>
+<td class='dithers' style='background-image:url(dithers/18.png)' id='dither_18'></td>
+<td class='dithers' style='background-image:url(dithers/19.png)' id='dither_19'></td>
+<td class='dithers' style='background-image:url(dithers/2.png)' id='dither_2'></td>
+<td class='dithers' style='background-image:url(dithers/20.png)' id='dither_20'></td>
+<td class='dithers' style='background-image:url(dithers/21.png)' id='dither_21'></td>
+<td class='dithers' style='background-image:url(dithers/22.png)' id='dither_22'></td>
+<td class='dithers' style='background-image:url(dithers/23.png)' id='dither_23'></td>
+<td class='dithers' style='background-image:url(dithers/24.png)' id='dither_24'></td>
+<td class='dithers' style='background-image:url(dithers/25.png)' id='dither_25'></td>
+<td class='dithers' style='background-image:url(dithers/26.png)' id='dither_26'></td>
+<td class='dithers' style='background-image:url(dithers/27.png)' id='dither_27'></td>
+<td class='dithers' style='background-image:url(dithers/28.png)' id='dither_28'></td>
+<td class='dithers' style='background-image:url(dithers/29.png)' id='dither_29'></td>
+<td class='dithers' style='background-image:url(dithers/3.png)' id='dither_3'></td>
+<td class='dithers' style='background-image:url(dithers/30.png)' id='dither_30'></td>
+</tr>
+<tr>
+<td class='dithers' style='background-image:url(dithers/31.png)' id='dither_31'></td>
+<td class='dithers' style='background-image:url(dithers/32.png)' id='dither_32'></td>
+<td class='dithers' style='background-image:url(dithers/33.png)' id='dither_33'></td>
+<td class='dithers' style='background-image:url(dithers/34.png)' id='dither_34'></td>
+<td class='dithers' style='background-image:url(dithers/35.png)' id='dither_35'></td>
+<td class='dithers' style='background-image:url(dithers/36.png)' id='dither_36'></td>
+<td class='dithers' style='background-image:url(dithers/37.png)' id='dither_37'></td>
+<td class='dithers' style='background-image:url(dithers/38.png)' id='dither_38'></td>
+<td class='dithers' style='background-image:url(dithers/39.png)' id='dither_39'></td>
+<td class='dithers' style='background-image:url(dithers/4.png)' id='dither_4'></td>
+<td class='dithers' style='background-image:url(dithers/40.png)' id='dither_40'></td>
+<td class='dithers' style='background-image:url(dithers/41.png)' id='dither_41'></td>
+<td class='dithers' style='background-image:url(dithers/42.png)' id='dither_42'></td>
+<td class='dithers' style='background-image:url(dithers/43.png)' id='dither_43'></td>
+<td class='dithers' style='background-image:url(dithers/44.png)' id='dither_44'></td>
+<td class='dithers' style='background-image:url(dithers/45.png)' id='dither_45'></td>
+<td class='dithers' style='background-image:url(dithers/46.png)' id='dither_46'></td>
+<td class='dithers' style='background-image:url(dithers/47.png)' id='dither_47'></td>
+<td class='dithers' style='background-image:url(dithers/48.png)' id='dither_48'></td>
+<td class='dithers' style='background-image:url(dithers/49.png)' id='dither_49'></td>
+<td class='dithers' style='background-image:url(dithers/5.png)' id='dither_5'></td>
+<td class='dithers' style='background-image:url(dithers/50.png)' id='dither_50'></td>
+<td class='dithers' style='background-image:url(dithers/51.png)' id='dither_51'></td>
+<td class='dithers' style='background-image:url(dithers/52.png)' id='dither_52'></td>
+</tr>
+<tr>
+
+<td class='dithers' style='background-image:url(dithers/53.png)' id='dither_53'></td>
+<td class='dithers' style='background-image:url(dithers/54.png)' id='dither_54'></td>
+<td class='dithers' style='background-image:url(dithers/55.png)' id='dither_55'></td>
+<td class='dithers' style='background-image:url(dithers/56.png)' id='dither_56'></td>
+<td class='dithers' style='background-image:url(dithers/57.png)' id='dither_57'></td>
+<td class='dithers' style='background-image:url(dithers/58.png)' id='dither_58'></td>
+<td class='dithers' style='background-image:url(dithers/59.png)' id='dither_59'></td>
+<td class='dithers' style='background-image:url(dithers/6.png)' id='dither_6'></td>
+<td class='dithers' style='background-image:url(dithers/60.png)' id='dither_60'></td>
+
+<td class='dithers' style='background-image:url(dithers/61.png)' id='dither_61'></td>
+<td class='dithers' style='background-image:url(dithers/62.png)' id='dither_62'></td>
+<td class='dithers' style='background-image:url(dithers/63.png)' id='dither_63'></td>
+<td class='dithers' style='background-image:url(dithers/64.png)' id='dither_64'></td>
+<td class='dithers' style='background-image:url(dithers/65.png)' id='dither_65'></td>
+<td class='dithers' style='background-image:url(dithers/66.png)' id='dither_66'></td>
+<td class='dithers' style='background-image:url(dithers/67.png)' id='dither_67'></td>
+<td class='dithers' style='background-image:url(dithers/68.png)' id='dither_68'></td>
+<td class='dithers' style='background-image:url(dithers/69.png)' id='dither_69'></td>
+<td class='dithers' style='background-image:url(dithers/7.png)' id='dither_7'></td>
+<td class='dithers' style='background-image:url(dithers/70.png)' id='dither_70'></td>
+<td class='dithers' style='background-image:url(dithers/71.png)' id='dither_71'></td>
+<td class='dithers' style='background-image:url(dithers/72.png)' id='dither_72'></td>
+<td class='dithers' style='background-image:url(dithers/73.png)' id='dither_73'></td>
+<td class='dithers' style='background-image:url(dithers/74.png)' id='dither_74'></td>
+</tr>
+<tr>
+<td class='dithers' style='background-image:url(dithers/75.png)' id='dither_75'></td>
+<td class='dithers' style='background-image:url(dithers/76.png)' id='dither_76'></td>
+<td class='dithers' style='background-image:url(dithers/77.png)' id='dither_77'></td>
+<td class='dithers' style='background-image:url(dithers/78.png)' id='dither_78'></td>
+<td class='dithers' style='background-image:url(dithers/79.png)' id='dither_79'></td>
+<td class='dithers' style='background-image:url(dithers/8.png)' id='dither_8'></td>
+<td class='dithers' style='background-image:url(dithers/80.png)' id='dither_80'></td>
+<td class='dithers' style='background-image:url(dithers/81.png)' id='dither_81'></td>
+<td class='dithers' style='background-image:url(dithers/82.png)' id='dither_82'></td>
+<td class='dithers' style='background-image:url(dithers/83.png)' id='dither_83'></td>
+<td class='dithers' style='background-image:url(dithers/84.png)' id='dither_84'></td>
+<td class='dithers' style='background-image:url(dithers/85.png)' id='dither_85'></td>
+<td class='dithers' style='background-image:url(dithers/86.png)' id='dither_86'></td>
+<td class='dithers' style='background-image:url(dithers/87.png)' id='dither_87'></td>
+<td class='dithers' style='background-image:url(dithers/88.png)' id='dither_88'></td>
+<td class='dithers' style='background-image:url(dithers/89.png)' id='dither_89'></td>
+<td class='dithers' style='background-image:url(dithers/9.png)' id='dither_9'></td>
+<td class='dithers' style='background-image:url(dithers/90.png)' id='dither_90'></td>
+<td class='dithers' style='background-image:url(dithers/91.png)' id='dither_91'></td>
+<td class='dithers' style='background-image:url(dithers/92.png)' id='dither_92'></td>
+<td class='dithers' style='background-image:url(dithers/93.png)' id='dither_93'></td>
+<td class='dithers' style='background-image:url(dithers/94.png)' id='dither_94'></td>
+<td class='dithers' style='background-image:url(dithers/95.png)' id='dither_95'></td>
+<td class='dithers' style='background-image:url(dithers/96.png)' id='dither_96'></td>
+
+</tr>
+<tr>
+<td class='dithers' style='background-image:url(dithers/a0.png)' id='dither_a0'></td>
+<td class='dithers' style='background-image:url(dithers/a1.png)' id='dither_a1'></td>
+<td class='dithers' style='background-image:url(dithers/a10.png)' id='dither_a10'></td>
+<td class='dithers' style='background-image:url(dithers/a11.png)' id='dither_a11'></td>
+<td class='dithers' style='background-image:url(dithers/a12.png)' id='dither_a12'></td>
+<td class='dithers' style='background-image:url(dithers/a13.png)' id='dither_a13'></td>
+<td class='dithers' style='background-image:url(dithers/a14.png)' id='dither_a14'></td>
+<td class='dithers' style='background-image:url(dithers/a15.png)' id='dither_a15'></td>
+<td class='dithers' style='background-image:url(dithers/a16.png)' id='dither_a16'></td>
+<td class='dithers' style='background-image:url(dithers/a17.png)' id='dither_a17'></td>
+<td class='dithers' style='background-image:url(dithers/a18.png)' id='dither_a18'></td>
+<td class='dithers' style='background-image:url(dithers/a19.png)' id='dither_a19'></td>
+<td class='dithers' style='background-image:url(dithers/a2.png)' id='dither_a2'></td>
+<td class='dithers' style='background-image:url(dithers/a20.png)' id='dither_a20'></td>
+<td class='dithers' style='background-image:url(dithers/a21.png)' id='dither_a21'></td>
+<td class='dithers' style='background-image:url(dithers/a22.png)' id='dither_a22'></td>
+<td class='dithers' style='background-image:url(dithers/a23.png)' id='dither_a23'></td>
+<td class='dithers' style='background-image:url(dithers/a24.png)' id='dither_a24'></td>
+<td class='dithers' style='background-image:url(dithers/a25.png)' id='dither_a25'></td>
+<td class='dithers' style='background-image:url(dithers/a26.png)' id='dither_a26'></td>
+<td class='dithers' style='background-image:url(dithers/a27.png)' id='dither_a27'></td>
+<td class='dithers' style='background-image:url(dithers/a28.png)' id='dither_a28'></td>
+<td class='dithers' style='background-image:url(dithers/a29.png)' id='dither_a29'></td>
+<td class='dithers' style='background-image:url(dithers/a3.png)' id='dither_a3'></td>
+
+</tr>
+<tr>
+<td class='dithers' style='background-image:url(dithers/a30.png)' id='dither_a30'></td>
+<td class='dithers' style='background-image:url(dithers/a31.png)' id='dither_a31'></td>
+<td class='dithers' style='background-image:url(dithers/a32.png)' id='dither_a32'></td>
+<td class='dithers' style='background-image:url(dithers/a33.png)' id='dither_a33'></td>
+<td class='dithers' style='background-image:url(dithers/a34.png)' id='dither_a34'></td>
+<td class='dithers' style='background-image:url(dithers/a35.png)' id='dither_a35'></td>
+<td class='dithers' style='background-image:url(dithers/a36.png)' id='dither_a36'></td>
+<td class='dithers' style='background-image:url(dithers/a37.png)' id='dither_a37'></td>
+<td class='dithers' style='background-image:url(dithers/a38.png)' id='dither_a38'></td>
+<td class='dithers' style='background-image:url(dithers/a39.png)' id='dither_a39'></td>
+<td class='dithers' style='background-image:url(dithers/a4.png)' id='dither_a4'></td>
+<td class='dithers' style='background-image:url(dithers/a40.png)' id='dither_a40'></td>
+<td class='dithers' style='background-image:url(dithers/a41.png)' id='dither_a41'></td>
+<td class='dithers' style='background-image:url(dithers/a5.png)' id='dither_a5'></td>
+<td class='dithers' style='background-image:url(dithers/a6.png)' id='dither_a6'></td>
+<td class='dithers' style='background-image:url(dithers/a7.png)' id='dither_a7'></td>
+<td class='dithers' style='background-image:url(dithers/a8.png)' id='dither_a8'></td>
+<td class='dithers' style='background-image:url(dithers/a9.png)' id='dither_a9'></td>
+</tr>
+</table>
+
+<div class="title">
+testing testing tesitng
+</div>
+
+<div id="sample">&nbsp;
+</div>
+<span class="parameter">Image to overlay:</span><input type="text/css" class="image_input" value="Enter an image url here"></input>
+<script type="text/javascript" src="jquery.min.js"></script>
+<script type="text/javascript">
+function makesample(){
+theheight = $('#dithertable').height()
+$('#sample').css({'width':"20%",'height':theheight,'display':'inline-block'})
+}
+makesample()
+var preview_box = $("#sample")
+$('.dithers').click(function(){
+  $('.dithers').css({'border-color':'gray','-moz-box-shadow': 'none','-webkit-box-shadow':'none','box-shadow': 'none'});
+  $(this).css({'border-color':'#EE0000','-moz-box-shadow': '0px 0px 9px 3px firebrick','-webkit-box-shadow':'0px 0px 9px 3px firebrick','box-shadow': '0px 0px 9px 3px firebrick'})
+  var dither = $(this).css("background-image");
+  preview_box.css("background-image", dither);
+  });
+$(".image_input").clicked = false; 
+$(".image_input").click(function(){
+  if(! $(this).clicked){
+    $(this).attr("value", "");
+    $(this).clicked = true;
+  }
+})
+</script>
+
+
+</body>
+</html>
+
author	yo mama <pepper@scannerjammer.com>	2015-09-22 00:51:40 -0700
committer	yo mama <pepper@scannerjammer.com>	2015-09-22 00:51:40 -0700
commit	d3e7b5708deffbed864c916de22663f48333c58b (patch)
tree	ef76784a7827baff88c03670bf22832a3f146b17 /share/frontend/impattern/impattern.html
parent	86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff)