commit f1a01faa3ee04338e26f007e91e5c88770bb65d6
parent e8ed020c01605164cc1d5dbb75b438ed2e8040a9
Author: DennyVB <[email protected]>
Date: Sun, 18 Jun 2023 15:14:35 +0200
lennart is een sukkel
Pest lennart!
Diffstat:
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>
