diff --git a/homepage/index.php b/homepage/index.php
index 2abdd61..ccfb05b 100644
--- a/homepage/index.php
+++ b/homepage/index.php
@@ -3,9 +3,31 @@
";
if(isset($_GET['stream'])){
- echo "
BirdNET-Pi
";
+ if (file_exists('/home/pi/BirdNET-Pi/thisrun.txt')) {
+ $config = parse_ini_file('/home/pi/BirdNET-Pi/thisrun.txt');
+} elseif (file_exists('/home/pi/BirdNET-Pi/firstrun.ini')) {
+ $config = parse_ini_file('/home/pi/BirdNET-Pi/firstrun.ini');
+}
+$caddypwd = $config['CADDY_PWD'];
+if (!isset($_SERVER['PHP_AUTH_USER'])) {
+ header('WWW-Authenticate: Basic realm="My Realm"');
+ header('HTTP/1.0 401 Unauthorized');
+ echo 'You cannot listen to the live audio stream';
+ exit;
} else {
- echo "BirdNET-Pi
";
+ $submittedpwd = $_SERVER['PHP_AUTH_PW'];
+ $submitteduser = $_SERVER['PHP_AUTH_USER'];
+ if($submittedpwd == $caddypwd && $submitteduser == 'birdnet'){
+ echo "BirdNET-Pi
";
+ } else {
+ header('WWW-Authenticate: Basic realm="My Realm"');
+ header('HTTP/1.0 401 Unauthorized');
+ echo 'You cannot listen to the live audio stream';
+ exit;
+ }
+}
+} else {
+ echo "BirdNET-Pi
";
}
echo "";
if(isset($_GET['log'])){
diff --git a/homepage/style.css b/homepage/style.css
index a1dfc62..e910191 100644
--- a/homepage/style.css
+++ b/homepage/style.css
@@ -19,31 +19,31 @@
margin-right: auto;
}
-/* Add a black background color to the top navigation */
-.topnav {
- overflow: hidden;
- background-color: rgb(119, 196, 135);
- width:100%;
+.topbar {
+ display: block;
+ width: auto;
+ margin-left: 10%;
+ margin-right: 10%;
+}
+
+.topnav {
+ background-color: rgb(119, 196, 135);
display: block;
- margin-left: auto;
- margin-right: auto;
}
-/* Style the links inside the navigation bar */
.topnav button {
- float: left;
+ background-color: transparent;
display: block;
text-align: center;
padding: 14px 16px;
+ float:left;
}
-/* Change the color of links on hover */
.topnav button:hover {
background-color: #ddd;
color: black;
}
-/* Add an active class to highlight the current page */
.topnav button.active {
background-color: #04AA6D;
color: white;
@@ -54,8 +54,8 @@
display: none;
}
-.topnav form {
- float:left;
+h3 {
+ text-align: center;
}
iframe {
@@ -91,10 +91,21 @@ th {
text-align: center;
}
-audio {
+audio, video{
width: 100%;
}
+.spectrogram {
+ width:33%
+}
+
+.centered {
+ display: block;
+ width: auto;
+ margin-left: auto;
+ margin-right: auto;
+}
+
button {
font-size: large;
background-color: transparent;
@@ -103,17 +114,20 @@ button {
cursor: pointer;
}
-.spectrogrambutton, .logbutton, .navbuttons {
+.logbutton, .navbuttons {
float: left;
}
+.spectrogrambutton {
+ float:top;
+}
+
body::-webkit-scrollbar {
display:none
}
@media screen and (max-width: 1000px) {
.topnav button {display: none;}
- .topnav form {float: none;}
/*.topnav button:not(:first-child) {display: none;}*/
.topnav button.icon {
display: block;
@@ -131,3 +145,29 @@ body::-webkit-scrollbar {
text-align: center;
}
}
+
+@media screen and (max-width: 600px) {
+ .top.nav button {
+ font-size: 16px;
+ }
+ .topnav button {display: none;}
+ /*.topnav button:not(:first-child) {display: none;}*/
+ .topnav button.icon {
+ display: block;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .topnav button {
+ font-size: 16px;
+ }
+ .topnav.responsive {position: relative;}
+ .topnav.responsive button {
+ float: left;
+ display: block;
+ text-align: center;
+ }
+}
diff --git a/homepage/views.php b/homepage/views.php
index 1c564a8..7d17173 100644
--- a/homepage/views.php
+++ b/homepage/views.php
@@ -1,5 +1,6 @@
+
+
diff --git a/scripts/overview.php b/scripts/overview.php
index 8560472..1c72557 100644
--- a/scripts/overview.php
+++ b/scripts/overview.php
@@ -108,18 +108,18 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
- |
+ |
|
";
+ echo "
";
} else {
echo "No Detections For Today
";
}
?>
- Currently Analyzing
-
+ Currently Analyzing
+