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>