iwa-panda2

commit f1a01faa3ee04338e26f007e91e5c88770bb65d6
parent e8ed020c01605164cc1d5dbb75b438ed2e8040a9
Author: DennyVB <[email protected]>
Date:   Sun, 18 Jun 2023 15:14:35 +0200

lennart is een sukkel

Pest lennart!

Diffstat:
M
Model/Key.php
 | 
5
++++-
M
css/dashboard.css
 | 
12
++++++++++++
M
css/hdata.css
 | 
84
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------
M
views/hdata.html
 | 
2
+-

4 files changed, 85 insertions(+), 18 deletions(-)
diff --git a/Model/Key.php b/Model/Key.php
@@ -184,10 +184,13 @@ Class Key{
             }
         }
         $html .= $this->retrieveHumidityTable('ae9c50dc5cd58c538a0d6aedb17fffedcaffd568d22381dab3ae72baaeb24684');
+
         $html .= '<table>';
+        $html .= '<div class="space"></div>';
+        $html .= '<div class="content-title"><h2>Windchill corrected temperature per day</h2></div>';
 
         foreach ($results as $date => $entries) {
-            $html .= '<tr><th id="tabledate" colspan="4">' . $date . '</th></tr>';
+            $html .= '<tr><th id="tabledate" colspan="4">' . date("d M Y", strtotime($date)) . '</th></tr>';
             $html .= '<tr><th>Location</th><th>Windchill</th></tr>';
 
             foreach ($entries as $entry) {
diff --git a/css/dashboard.css b/css/dashboard.css
@@ -126,6 +126,7 @@ h1 {
 table {
     width: 100%;
     border-collapse: collapse;
+
 }
 
 th, td {
@@ -148,6 +149,17 @@ tr:hover {
     color: #BCCFB0;
 }
 
+#chilling{
+    background-color: steelblue;
+    color: #BCCFB0;
+}
+
+.space{
+    background-color: #BCCFB0;
+    box-shadow: none;
+    padding-bottom: 100px
+}
+
 #myChart {
     display: inline !important;
     width: 90% !important;
diff --git a/css/hdata.css b/css/hdata.css
@@ -9,7 +9,7 @@ body {
 /*NAVBAR*/
 nav {
     background-color: #333333;
-    width: 100vw;
+    width: 100%;
     height: 15vw;
     display: flex;
     align-items: center;
@@ -57,6 +57,15 @@ nav ul li:first-child {
     vertical-align: middle;
 }
 
+.download-button {
+    display: flex;
+    padding: 10px 20px;
+    background-color: #BC9999;
+    color: white;
+    text-decoration: none;
+    cursor: pointer;
+}
+
 /* HEADER */
 h1 {
     text-align: center;
@@ -71,25 +80,29 @@ h1 {
     width: 90vw;
     height: auto;
     padding-top: 20px;
-    margin: 5vw auto 1vw;
+    margin: 5vw auto 5vw;
     justify-content: space-between;
     background-color: #333333;
     color: white;
-    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
+
     border-radius: 4px;
+    font-size: 4vw;
 }
 
+
 .block2 {
-    margin: 10vw auto 1vw;
+    margin: 10vw auto 110vw;
 }
 
 .content {
     height: auto;
     align-items: center;
     justify-content: center;
+    width: 100%;
 }
 
 .content-title {
+    display: inline-block;
     background-color: #BCCFB0;
     padding: 2px;
     box-shadow: 0 0 10px #333333;
@@ -102,22 +115,59 @@ h1 {
     margin: 5px;
 }
 
-.fancy-list {
-    list-style-type: none;
-    font-size: 4vw;
-    position: relative;
-    padding-left: 20px;
-    margin-bottom: 10px;
+.topFiveTable {
+    margin: 2vw 5% 3vw 5%;
+    width: 90%;
 }
 
-.fancy-list li {
-    margin-bottom: 10px;
+.topFiveTable thead {
+    font-weight: bold;
 }
 
-.fancy-list li:first-child {
-    margin-top: 10px;
+table {
+    width: 100%;
+    border-collapse: collapse;
+    box-shadow: 0 0 10px #333333;
+
 }
 
+th, td {
+    padding: 8px;
+    text-align: left;
+    border-bottom: 1px solid #ddd;
+}
+
+th {
+    background-color: gray;
+    font-weight: bold;
+}
+
+tr:hover {
+    background-color: #444444;
+}
+
+#tabledate{
+    background-color: black;
+    color: #BCCFB0;
+}
+
+#chilling{
+    background-color: #BC9999;
+    color: #BCCFB0;
+}
+
+.space{
+    background-color: #BCCFB0;
+    box-shadow: none;
+    padding-bottom: 100px
+}
+
+#myChart {
+    display: inline !important;
+    width: 90% !important;
+    height: auto !important;
+    margin: 2vw 5% 3vw 5%;
+}
 
 @media (min-width: 400px) {
     /*NAVBAR*/
@@ -147,11 +197,13 @@ h1 {
 
     /* DATA BLOCKS */
     .block1 {
-        margin: 20px auto 4px;
+        font-size: 16px;
+        margin: 20px auto 20px;
     }
 
     .block2 {
-        margin: 40px auto 2px;
+        font-size: 16px;
+        margin: 40px auto 40px;
     }
 
     .content h2 {
diff --git a/views/hdata.html b/views/hdata.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Panda Breeding Facilities - Data</title>
-  <link rel="stylesheet" type="text/css" href="/css/dashboard.css"/>
+  <link rel="stylesheet" type="text/css" href="/css/hdata.css"/>
 </head>
 
 <body>