dashboard.html (1602B) 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="/user">User</a></li>
22 <li><a href="/logout">Logout</a></li>
23 </ul>
24</nav>
25
26<!-- HEADER -->
27<h1>Welcome {{ $first_name }}</h1>
28 <!-- DATA BLOCKS -->
29<div class="block1">
30 <div class="content">
31 <div class="content-title">
32 <h2>Today's Top 5 - Zoo's</h2>
33 </div>
34 <table class="topFiveTable">
35 <thead>
36 <td>Nr</td>
37 <td>Location</td>
38 <td>Windchill Corrected Temperature in Celsius</td>
39 </thead>
40 <tbody></tbody>
41 </table>
42 </div>
43</div>
44
45<div class="block2">
46 <div class="content">
47 <div class="content-title">
48 <h2>Real-time Humidity graph</h2>
49 </div>
50 <canvas id="myChart"></canvas>
51 </div>
52</div>
53</body>
54<script src="../js/panda.js"></script>
55</html>