updates to change other parameters from http

data/index.html

@@ -19,28 +19,35 @@
 
 
   <div class="param_block">
-    Idle Brightness: <output id="out_idl_pwm" class="val_range">50</output> %
+    Idle Brightness Maximum: <output id="out_idl_pwm" class="val_range">50</output> %
+    <label id="note">[100% == Active Brightness]</label>
     <div class="slider">
       <input type="range" class="regler" id="range_idl_pwm" min="0" max="100" value="50">
     </div>
+    <label id="note">idle brightness gets controlled via LDR measurments</label>
   </div>
 
   <div class="param_block">
-    Time per stair: <output id="out_tim_sta" class="val_range">50</output> %
+    Time per stair [ms]: <output id="out_tim_sta" class="val_range">300</output> ms
 
     <div class="slider">
-      <input type="range" class="regler" id="range_tim_sta" min="0" max="100" value="50">
+      <input type="range" class="regler" id="range_tim_sta" min="0" max="5000" value="300">
     </div>
   </div>
 
   <div class="param_block">
-    On Time: <output id="out_tim_on" class="val_range">50</output> %
+    Time LDR [ms]: <output id="out_tim_ldr" class="val_range">500</output> ms
     <div class="slider">
-      <input type="range" class="regler" id="range_tim_on" min="0" max="100" value="50">
+      <input type="range" class="regler" id="range_tim_ldr" min="0" max="5000" value="500">
     </div>
-
   </div>
 
+  <div class="param_block">
+    LDR Schwelle [%]: <output id="out_ldr_shw" class="val_range">50</output> %
+    <div class="slider">
+      <input type="range" class="regler" id="range_ldr_shw" min="0" max="100" value="50">
+    </div>
+  </div>
 
 
   <div class="terminal">

data/input.js

@@ -48,8 +48,8 @@ function rangeToOutput(range, output) {
 rangeToOutput("range_act_pwm", "out_act_pwm");
 rangeToOutput("range_idl_pwm", "out_idl_pwm");
 rangeToOutput("range_tim_sta", "out_tim_sta");
-rangeToOutput("range_tim_on", "out_tim_on");
-
+rangeToOutput("range_tim_ldr", "out_tim_ldr");
+rangeToOutput("range_ldr_shw", "out_ldr_shw");
 
 let xhr = new XMLHttpRequest();
               

data/style.css

@@ -30,7 +30,7 @@ body {
   font-weight: bold;
 }
 
-.regler{
+.regler {
   /* -webkit-appearance: none; */
   height: 50px;
   width: 100%;
@@ -38,6 +38,12 @@ body {
   outline: black;
   background-color: rgb(176, 188, 228);
 }
+
+#note {
+  font-size: medium;
+  font-style: italic;
+}
+
 /* .regler::-webkit-slider-thumb{
   -webkit-appearance: none;
   appearance: none;
@@ -112,8 +118,6 @@ input:checked + .slider:before {
   margin: 2px;
 }
 
-
-
 input[type="number"] {
   width: 100px;
 }