From ba6b8294980bc12f363d1f185c62e16b04031bbe Mon Sep 17 00:00:00 2001
From: sam <hossan@ad.hva.nl>
Date: Wed, 18 Oct 2023 16:25:44 +0200
Subject: [PATCH] added background and changed layout

---
 web/statestiek.html | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/web/statestiek.html b/web/statestiek.html
index 5d8fdf4..87a9ccd 100644
--- a/web/statestiek.html
+++ b/web/statestiek.html
@@ -7,6 +7,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="css.css">
     <title>Weerstation</title>
+    <style>  html{
+        background-image: url(background.png);
+        background-repeat: no-repeat;
+        background-size: 100%;
+
+    }    </style>
 </head>
 
 <nav>
@@ -21,20 +27,28 @@
     <button onclick="connect()">Connect</button>
     <button onclick="disconnect()">Disconnect</button>
     <p id="counter"></p>
- <div id="block">
-    <div id="waardes">  
+ <div id="block" class="centerdata">
+    <div class="Datadisplay">
+     <div>  
           <h1>Tempratuur is <span id="temp"></span></h1>
+          <div id="tempGraph"></div>
+     </div>
     </div>
-    <div id="waardes">
+    <div class="Datadisplay">
+     <div>
         <h1>Luchtsvochtigheid is <span id="humid"></span></h1>
+        <div id="humidGraph"></div>
+     </div>
     </div>
-    <div id="waardes">
-    <h1>Licht is <span id="licht"></span></h1>
+
+   <div class="Datadisplay">
+     <div>
+     <h1>Licht is <span id="licht"></span></h1>
+     <div id="lightGraph"></div>
+   </div>
     </div>
+
  </div>
-    <div id="tempGraph"></div>
-    <div id="humidGraph"></div>
-    <div id="lightGraph"></div>
 
 
     <script src="js-ts/serialv2.js"> </script>