Mercurial > code > home > repos > homeauto
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