sports feature improvements and real time brightness control

static/app.js

@@ -559,18 +559,27 @@ var startButton = document.getElementById("start-btn");
 // start the display
 startButton.addEventListener("click", () => {
   var HTML = document.getElementById('display-format').innerHTML;
-  console.log('pressed');
-  console.log(HTML);
-  
-  
   fetch("/start", {
     method:"PUT", 
-    
-    
     body:JSON.stringify(HTML)
   });
 });
 
+
+var brightnessButton = document.getElementById("brightness-btn");
+// start the display
+brightnessButton.addEventListener("click", () => {
+  
+  
+  let brightness = document.querySelectorAll(".brightness-text")[0].value;
+  console.log(brightness);
+  fetch("/brightness", {
+    method:"PUT", 
+    body:JSON.stringify({'brightness':brightness})
+  });
+});
+
+
 var shutdownButton = document.getElementById("shutdown-btn");
 
 shutdownButton.addEventListener("click", () => {