put buttons in nav bar

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

View File

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

View File

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