dashboard.html (1602B)
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>