diff --git a/web/web.php b/web/web.php index 296387c006353351b100155ad221adb575be1f9c..6d511b79245701117b679c31bb8c2baf2c6dfe94 100644 --- a/web/web.php +++ b/web/web.php @@ -31,33 +31,67 @@ } body { width: 480px; + min-width: 480px; margin-left: auto; margin-right: auto; - background: #AAAAAA; + background: #FFFFFF; + } + .lights { + width: 210px; + height: 60px; + padding: 0; + margin: 0; + font-size: 0%; + float: left; } .led { - width: 60px; - height: 20px; + width: 28px; + height: 8px; margin: 0px; - padding: 0; + padding: 1px; background: #000000; display: inline-block; } - [class^=slider] { display: inline-block; margin-bottom: 30px; } + .led:hover { + padding: 0px; + background: #0000FF; + border: solid 1px #FF0000; + } + .lightcontrol { + float: right; + width: 250px; + padding: 0; + margin: 0; + background: #0000FF; + } + .brightness{ + clear: both; + } + [class^=slider] { + display: inline-block; + } -
+
 
"; } - echo "
"; + echo "
\r\n"; } + ?>
+
+ x:
+ y:
+ Red:
+ Green:
+ Blue:
+
Brightness:
@@ -78,14 +112,9 @@ $(".brightness").change(function() { console.log('/brightness?bright='+document.getElementById('bright').value); - $.ajax({ - url: 'brightness?bright='+document.getElementById('bright').value, - dataType: "jsonp", - crossDomain: true - }); + return false; }); - \ No newline at end of file