From 75ec041cd0f09c0829fc519cf209ec1854f425c5 Mon Sep 17 00:00:00 2001 From: Mitchell Pomery Date: Sun, 9 Feb 2014 20:11:20 +0800 Subject: [PATCH] Web interface coming together --- web/web.php | 59 +++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 44 insertions(+), 15 deletions(-) diff --git a/web/web.php b/web/web.php index 296387c..6d511b7 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 -- 2.24.2