hanze/iwa-panda2

views/dashboard.html in datatowebsite
Repositories | Summary | Log | Files | README.md

dashboard.html (1560B) download


 1<!DOCTYPE html>
 2<html lang="en">
 3<head>
 4    <meta charset="UTF-8">
 5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 7    <title>Panda Breeding Facilities</title>
 8    <link rel="stylesheet" type="text/css" href="/css/dashboard.css"/>
 9</head>
10
11<body>
12
13<!--NAVBAR-->
14<nav class="navbar">
15    <ul>
16        <li><a href="/dashboard" class="a-small-logo"><IMG class="img-small-logo" SRC="/img/small_logo.png"></a></li>
17        <li><a href="/dashboard" class="a-big-logo"><IMG class="img-big-logo" SRC="/img/big-logo.png"></a></li>
18        <li><a href="#" class="active">Dashboard</a></li>
19        <li><a href="/hdata">Historical Data</a></li>
20        <li><a href="/map">Map</a></li>
21        <li><a href="/logout">Logout</a></li>
22    </ul>
23</nav>
24
25<!-- HEADER -->
26<h1>Welcome {{ $first_name }}</h1>
27 <!-- DATA BLOCKS -->
28<div class="block1">
29    <div class="content">
30        <div class="content-title">
31            <h2>Today's Top 5 - Zoo's</h2>
32        </div>
33        <table class="topFiveTable">
34            <thead>
35            <td>Nr</td>
36            <td>Location</td>
37            <td>Windchill Corrected Temperature in Celsius</td>
38            </thead>
39            <tbody></tbody>
40        </table>
41    </div>
42</div>
43
44<div class="block2">
45    <div class="content">
46        <div class="content-title">
47            <h2>Real-time Humidity graph</h2>
48        </div>
49        <canvas id="myChart"></canvas>
50    </div>
51</div>
52</body>
53<script src="../js/panda.js"></script>
54</html>