Smikkelbakje/J1B1-CMB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added background and changed layout

Browse Source
This commit is contained in:
sam
2023-10-18 16:25:44 +02:00
parent 2917ad58f8
commit ba6b829498
1 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/statestiek.html
View File

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