diff service/deskArduino/index.html @ 0:6fd208b97616

start Ignore-this: e06ac598970a0d4750f588ab89f56996
author Drew Perttula <drewp@bigasterisk.com>
date Mon, 01 Aug 2011 03:30:30 -0700
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/service/deskArduino/index.html	Mon Aug 01 03:30:30 2011 -0700
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>desk arduino</title>
+    <style type="text/css" media="all">
+      /* <![CDATA[ */
+      body {
+	  background: #000000;
+	  color: #888;
+      }
+      h1 {
+	  font-size:100%;
+      }
+      div.credit {
+	  font-size: 80%;
+	  margin-top:41px;
+      }
+      /* ]]> */
+    </style>
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.js"></script>
+    <link rel="stylesheet" href="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.css" type="text/css" />
+
+  </head>
+  <body>
+    <h1>desk arduino</h1>
+
+    <div class="colorpicker" chan="0"></div>
+    <div class="colorpicker" chan="1"></div>
+    
+    <script type="text/javascript">
+      $(document).ready(function() {
+	  $(".colorpicker").each(function (elem) {
+	      var chan = $(this).attr("chan");
+	      
+	      var picker = $.farbtastic(this, function (newColor) {
+		  $.post('brite/'+chan, newColor);
+	      });
+	      
+	      $.get('brite/'+chan, picker.setColor);
+	  });
+      });
+    </script>
+    
+    <div class="credit">
+      Using the 
+      <a href="http://acko.net/dev/farbtastic">Farbtastic color picker</a>
+    </div>
+
+  </body>
+</html>
\ No newline at end of file