diff --git a/homepage/style.css b/homepage/style.css index cfb4f81..e4dc235 100644 --- a/homepage/style.css +++ b/homepage/style.css @@ -1,25 +1,30 @@ /* style sheet */ * { - font-family: 'Arial', 'Gill Sans', 'Gill Sans MT', - ' Calibri', 'Trebuchet MS', 'sans-serif'; + font-family: 'Arial', 'Gill Sans', 'Gill Sans MT', + ' Calibri', 'Trebuchet MS', 'sans-serif'; box-sizing: border-box; } -.row { - display: flex; -} - -.column1 { - flex: 70%; -} - +/* Create two equal columns that floats next to each other */ .column2 { - flex: 30%; + margin-left: auto; + margin-right: auto; + width: 75%; + padding: 5px; } +/* Create two equal columns that floats next to each other */ .column { - flex: 50%; - padding-right: 5px; + float: left; + width: 50%; + padding: 5px; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; } table { @@ -33,70 +38,59 @@ table { } h1 { - text-align: center; - color: black; - font-size: xx-large; + text-align: center; + color: black; + font-size: xx-large; } h2 { - text-align: center; - color: black; - font-size: large; + margin-left: -150px; + text-align: center; + color: black; + font-size: large; +} + +h3 { + text-align: center; + color: black; + font-size: large; } -th, td { background-color: rgb(219, 255, 235); - font-weight: bold; - border: 1px solid black; - padding: 10px; - text-align: center; + font-weight: lighter; + border: 1px solid black; + padding: 10px; + text-align: center; } -@media screen and (max-width: 800px) { - .column { - float: none; - width: 100%; - } - table { - background-color: rgb(219, 255, 235); - margin: 0 auto; - font-size: medium; - border-collapse: collapse; - border-spacing: 1; - width: 100%; - border: 1px solid black; - } - - h1 { - text-align: center; - color: black; - font-size: large; - font-family: 'Gill Sans', 'Gill Sans MT', - ' Calibri', 'Trebuchet MS', 'sans-serif'; - } - +th { + background-color: rgb(219, 255, 235); + font-weight: bold; + border: 1px solid black; + padding: 10px; + text-align: center; +} + +@media screen and (max-width: 600px) { h2 { - text-align: center; - color: black; - font-size: large; - font-family: 'Gill Sans', 'Gill Sans MT', - ' Calibri', 'Trebuchet MS', 'sans-serif'; + margin-left: 0; + text-align: center; + color: black; + font-size: large; } - - th, - td { - background-color: rgb(219, 255, 235); - font-weight: bold; - border: 1px solid black; - padding: 10px; - text-align: center; - } -} -td { - font-weight: lighter; + .column { + width: 100%; + } + /* Create two equal columns that floats next to each other */ + .column2 { + float: center; + width: 100%; + padding: 0px; + } + + } body::-webkit-scrollbar { - display:none -} + display:none diff --git a/scripts/overview.php b/scripts/overview.php index b1b1196..c6e5754 100644 --- a/scripts/overview.php +++ b/scripts/overview.php @@ -50,36 +50,33 @@ $mysqli->close(); - + Overview -

Overview

+

Overview

-
+
fetch_assoc()) { @@ -98,8 +95,8 @@ while($rows=$mostrecent ->fetch_assoc()) } ?> -
-
+
+
@@ -115,7 +112,7 @@ while($rows=$mostrecent ->fetch_assoc())
-
+
@@ -124,8 +121,8 @@ while($rows=$mostrecent ->fetch_assoc())
Species Detected Today
-

Today's Top 10 Species

- -

Currently Analyzing

+

Today's Top 10 Species

+ +

Currently Analyzing

diff --git a/scripts/viewday.php b/scripts/viewday.php index 83f4240..50c1c63 100644 --- a/scripts/viewday.php +++ b/scripts/viewday.php @@ -66,21 +66,23 @@ table,th,td { } - + + +
-
-

Number of Detections

+
- + + @@ -93,5 +95,4 @@ table,th,td { - diff --git a/scripts/viewdb.php b/scripts/viewdb.php index a63e8c9..b93e23a 100644 --- a/scripts/viewdb.php +++ b/scripts/viewdb.php @@ -10,45 +10,45 @@ $servername='localhost'; $mysqli = new mysqli($servername, $user, $password, $database); if ($mysqli->connect_error) { - die('Connect Error (' . - $mysqli->connect_errno . ') '. - $mysqli->connect_error); + die('Connect Error (' . + $mysqli->connect_errno . ') '. + $mysqli->connect_error); } // SQL query to select data from database $sql = "SELECT * FROM detections - ORDER BY Date DESC, Time DESC"; + ORDER BY Date DESC, Time DESC"; $fulltable = $mysqli->query($sql); $totalcount=mysqli_num_rows($fulltable); $sql1 = "SELECT * FROM detections - WHERE Date = CURDATE() - ORDER BY Date DESC, Time DESC"; + WHERE Date = CURDATE() + ORDER BY Date DESC, Time DESC"; $mosttable = $mysqli->query($sql1); $sql2 = "SELECT * FROM detections - WHERE Date = CURDATE()"; + WHERE Date = CURDATE()"; $todaystable = $mysqli->query($sql2); $todayscount=mysqli_num_rows($todaystable); $sql3 = "SELECT * FROM detections - WHERE Date = CURDATE() - AND Time >= DATE_SUB(NOW(),INTERVAL 1 HOUR)"; + WHERE Date = CURDATE() + AND Time >= DATE_SUB(NOW(),INTERVAL 1 HOUR)"; $lasthourtable = $mysqli->query($sql3); $lasthourcount=mysqli_num_rows($lasthourtable); $sql4 = "SELECT Com_Name, Date, Time, MAX(Confidence) - FROM detections - GROUP BY Com_Name - ORDER BY MAX(Confidence) DESC"; + FROM detections + GROUP BY Com_Name + ORDER BY MAX(Confidence) DESC"; $specieslist = $mysqli->query($sql4); $speciescount=mysqli_num_rows($specieslist); $sql5 = "SELECT Com_Name,COUNT(*) - AS Total - FROM detections - GROUP BY Com_Name - ORDER BY Total DESC"; + AS Total + FROM detections + GROUP BY Com_Name + ORDER BY Total DESC"; $speciestally = $mysqli->query($sql5); $mysqli->close(); @@ -58,122 +58,117 @@ $mysqli->close(); - - - BirdNET-Pi DB - - - + + + BirdNET-Pi DB + - + -
+
+

Number of Detections

-
-

Number of Detections

-
Today Last Hour Number of Unique Species Today
Number of Detections
- - - - - - - - - - - - -
TotalTodayLast HourNumber of Unique Species
+
+ + + + + + + + + + + + + +
TotalTodayLast HourNumber of Unique Species
- -
-
-

Today's Detections

- - - - - - - - - - - - - - - +

Today's Detections

+ +
TimeScientific NameCommon NameConfidenceLatLonCutoffWeekSensOverlap
+ + + + + + + + + + + + + fetch_assoc()) { ?> - - - - - - - - - - - - - + + + + + + + + + + + + + -
TimeScientific NameCommon NameConfidenceLatLonCutoffWeekSensOverlap
+ +
-

Detected Species

- - - - - - - +

Detected Species

+
SpeciesDateTimeMax Confidence Score
+ + + + + + fetch_assoc()) { ?> - - - - - + + + + + - + -
SpeciesDateTimeMax Confidence Score
+
-

Species Statistics

- - - - - +

Species Statistics

+
SpeciesDetections
+ + + + fetch_assoc()) { ?> - - - - + + + + - +
SpeciesDetections