changed button color and moved them to /steuerung

static/style.css

@@ -58,7 +58,7 @@ body {
 }
 .button {
     border: none;
-    color: #4D4B4B;
+    color: white;
     padding: 16px 32px;
     text-align: center;
     text-decoration: none;
@@ -70,34 +70,36 @@ body {
 }
   
 .button1 {
-    background-color: #4D4B4B; 
-    color: #CCFFCC; 
+    background-color: white; 
+    color: black;
+    border-color: black;
     border-radius: 10px;
 }
   
 .button1:hover {
-    background-color: #CCFFCC;
+    background-color: #7691c9;
     color: #4D4B4B;
 }
   
 .button2 {
-    background-color: #4D4B4B; 
-    color: #CCFFCC; 
+    background-color: white; 
+    color: black;
+    border-color: black; 
     border-radius: 10px;
 }
   
 .button2:hover {
-    background-color: #CCFFCC;
+    background-color: #7691c9;
     color: #4D4B4B;
 }
 
 .button1:active {
-      background-color: #258d28;
+      background-color: #5570a7;
       transform: translate(4px);
 }
 
 .button2:active {
-    background-color: #02688a;
+    background-color: #5570a7;
     transform: translate(4px);
 }
 .move-right{

templates/index.html

@@ -97,21 +97,22 @@
          </tr>
       </table>
 
-      <h3 style="margin-left: 200px"><font size="6">Steuerung:</font></h3>
-
+      <!--<h3 style="margin-left: 200px"><font size="6">Steuerung:</font></h3>
+      
       </br>   
       <button id="btn2" class="button button2 move-right" style="margin-left: 200px;">Pumpe an</button>
       <button id="btn1" class="button button1 move-right" style="margin-left: 200px;">Licht an</button>
+        -->
       <script src="../static/index.js"></script>
-
+    
       </br></br></br>
 
-      <h4 style="margin-left: 200px;"><font size="6">aktuelle Werte:</font></h4>
+      <!--<h4 style="margin-left: 200px;"><font size="6">aktuelle Werte:</font></h4>-->
       </br>
       <!--Wertvergleich Licht-->
-      <table style="float:right;margin-right: 200px;width: 30%;background-color: rgb(77, 75, 75);">
+      <!-- <table style="float:right;margin-right: 200px;width: 30%;background-color: rgb(77, 75, 75);">
          <tr>
-            <!--Später ändern zu höher oder tiefer (nicht Ist/Soll-Wert)-->
+            /Später ändern zu höher oder tiefer (nicht Ist/Soll-Wert)/
                <td><font size="6"><b>&nbsp;&nbsp;Ist-Wert&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; |</b></font></td>
                <td><font size="6"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Soll-Wert&nbsp;</b></font></td>
             </tr>
@@ -121,10 +122,10 @@
             <td><font size="6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;X&nbsp;PAR&nbsp;</font></td>
          </tr>
       </table>
-      <!--WERTVERGLEICH PH-Wert-->
+      WERTVERGLEICH PH-Wert
       <table style="margin-left:200px;width: 30%;background-color: rgb(77, 75, 75);">
          <tr>
-            <!--Später ändern zu höher oder tiefer (nicht Ist/Soll-Wert)-->
+            Später ändern zu höher oder tiefer (nicht Ist/Soll-Wert)
             <td><font size="6"><b>&nbsp;&nbsp;Ist-Wert&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</b></font></td>
             <td><font size="6"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Soll-Wert&nbsp; </b></font></td>
             </tr>
@@ -132,6 +133,6 @@
             <td><font size="6">&nbsp;&nbsp;X &nbsp;pH &nbsp;&nbsp;&nbsp;&nbsp;</font></td>
             <td><font size="6">&nbsp;&nbsp;&nbsp;&nbsp; X&nbsp; pH</font></td>
          </tr>
-      </table>
+      </table> -->
    </body>
 </html>
\ No newline at end of file

templates/steuerung.html

@@ -23,5 +23,10 @@
 
     </br></br></br></br></br></br>
 
+    <h1 style="margin-left: 200px"><font size="6">aktuelle Steuerung:</font></h1>
+    <button id="btn2" class="button button2 move-right" style="margin-left: 200px;">Pumpe an</button>
+    <button id="btn1" class="button button1 move-right" style="margin-left: 200px;">Licht an</button>
+    <script src="../static/index.js"></script>
+
 </body>
 </html>
\ No newline at end of file