put buttons in nav bar
This commit is contained in:
16
web/css.css
16
web/css.css
@@ -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;
|
||||
}
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user