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

put buttons in nav bar

Browse Source
This commit is contained in:
sam
2023-10-20 11:17:51 +02:00
parent 1f1610c6f4
commit ab632adaef
2 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/css.css
View File

@@ -11,6 +11,7 @@ html {
background-color: rgb(71, 68, 68); background-color: rgb(71, 68, 68);
} }
div { div {
color: white; color: white;
} }
@@ -79,10 +80,25 @@ div {
border-style: solid; border-style: solid;
border-radius: 10px; border-radius: 10px;
border-color: blue; border-color: blue;
background-color: white;
} }
.centerdata { .centerdata {
margin-left: 5%; margin-left: 5%;
display: flex; display: flex;
}
.textblack{
color: black;
}
.commandbar{
float: right;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
} }

15
web/statestiek.html
View File

@@ -19,30 +19,35 @@
<div class="menubalk"> <div class="menubalk">
<a href="index.html">Home</a> <a href="index.html">Home</a>
<a class="active" href="statestiek.html">Station statestieken</a> <a class="active" href="statestiek.html">Station statestieken</a>
<div class="commandbar">
<button onclick="connect()">Connect</button>
<button onclick="disconnect()">Disconnect</button>
</div>
</div> </div>
</nav> </nav>
<body> <body>
<button onclick="connect()">Connect</button>
<button onclick="disconnect()">Disconnect</button>
<p id="counter"></p> <p id="counter"></p>
<div id="block" class="centerdata"> <div id="block" class="centerdata">
<div class="Datadisplay"> <div class="Datadisplay">
<div> <div class="textblack">
<h1>Tempratuur is <span id="temp"></span></h1> <h1>Tempratuur is <span id="temp"></span></h1>
<div id="tempGraph"></div> <div id="tempGraph"></div>
</div> </div>
</div> </div>
<div class="Datadisplay"> <div class="Datadisplay">
<div> <div class="textblack">
<h1>Luchtsvochtigheid is <span id="humid"></span></h1> <h1>Luchtsvochtigheid is <span id="humid"></span></h1>
<div id="humidGraph"></div> <div id="humidGraph"></div>
</div> </div>
</div> </div>
<div class="Datadisplay"> <div class="Datadisplay">
<div> <div class="textblack">
<h1>Licht is <span id="licht"></span></h1> <h1>Licht is <span id="licht"></span></h1>
<div id="lightGraph"></div> <div id="lightGraph"></div>
</div> </div>