ugh

homepage/index.php

@@ -24,7 +24,7 @@ if(isset($_GET['stream'])){
     if($submittedpwd == $caddypwd && $submitteduser == 'birdnet'){
       echo "
   <audio controls autoplay><source src=\"/stream\"></audio>
-  <h1><a href=\"\">BirdNET-Pi</a></h1>
+  <h1><a href=\"\">BirdNET-Pi</a><img src=\"images/version.svg\"></h1>
   </div>";
     } else {
       header('WWW-Authenticate: Basic realm="My Realm"');

homepage/style.css

@@ -155,18 +155,52 @@ button:hover {
 }
 
 .play table {
-  margin:0;
   margin-left: auto;
   margin-right: auto;
 }
 
-.overview td {
-  vertical-align:middle;
-  width:20%;
+.stats table,.viewdb table {
+  width: 75%;
 }
 
-.overview table,.stats table,.viewdb table {
-  width: 75%;
+.overview table {
+  width: 20%;
+}
+
+.overview th {
+  background-color: rgb(219, 255, 235);
+  border: 2px solid black;
+  text-align: center;
+  padding: 12px;
+}
+
+.overview td {
+  vertical-align: middle;
+}
+
+.overview span {
+  width: auto;
+  margin-right: 20%;
+  margin-left: auto;
+}
+
+.overview span video {
+  width: 100%;
+  padding: 0;
+}
+
+.overview span table {
+  width: 50%;
+  margin-right: 25%;
+}
+
+.overview span td {
+  padding: 1;
+}
+
+.overview span img {
+  margin-left: 15%;
+  margin-right: auto;
 }
 
 .stats td {
@@ -177,8 +211,9 @@ button:hover {
   height: auto;
 }
 
-.column table {
-  width: auto;
+.column {
+  width: 20%;
+  height: 100%;
 }
 
 .stats button:hover {
@@ -246,7 +281,6 @@ button:hover {
   width:100%;
 }
 
-
 .logbutton, .navbuttons {
   float: left;
 }
@@ -265,7 +299,12 @@ body::-webkit-scrollbar {
     margin-left: auto;
     margin-right: auto;
   }
-  .overview img {
+  .overview span{
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .overview span img,.overview span table {
+    margin: 0;
     width: 100%;
   }
   .banner {
@@ -335,6 +374,14 @@ body::-webkit-scrollbar {
   .topnav.responsive button {
     display: block;
   }
+  .overview span{
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .overview span img,.overview span table {
+    margin: 0;
+    width: 100%;
+  }
   .version {display:none;}
   .left {
     display:none;

scripts/filemanager/filemanager.php

@@ -1,6 +1,6 @@
 <?php
 //Default Configuration
-$CONFIG = '{"lang":"en","error_reporting":false,"show_hidden":false,"hide_Cols":false,"calc_folder":false,"theme":"light"}';
+$CONFIG = '{"lang":"en","error_reporting":false,"show_hidden":true,"hide_Cols":false,"calc_folder":false,"theme":"light"}';
 
 /**
  * H3K | Tiny File Manager V2.4.6

scripts/overview.php

@@ -62,24 +62,34 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
   <title>Overview</title>
 </head>
 <div class="overview">
+<div class="column left">
+<table style="height: 80%;"><tr><td style="background-color: transparent; border:none;vertical-align: middle;">
     <table>
       <tr>
         <th>Total</th>
-        <th>Today</th>
-        <th>Last Hour</th>
-        <th>Species Detected Today</th>
+        <td><?php echo $totalcount['COUNT(*)'];?></td>
       </tr>
       <tr>
-        <td><?php echo $totalcount['COUNT(*)'];?></td>
+        <th>Today</th>
         <form action="" method="POST">
         <td><input type="hidden" name="view" value="Recordings"><button type="submit" name="date" value="<?php echo date('Y-m-d');?>"><?php echo $todaycount['COUNT(*)'];?></button></td>
         </form>
+      </tr>
+      <tr>
+        <th>Last Hour</th>
         <td><?php echo $hourcount['COUNT(*)'];?></td>
+      </tr>
+      <tr>
+        <th>Species Detected Today</th>
         <form action="" method="POST">
         <td><button type="submit" name="view" value="Species Stats"><?php echo $speciestally['COUNT(DISTINCT(Com_Name))'];?></button></td>
         </form>
       </tr>
     </table>
+</td></tr></table>
+</div>
+<br><br>
+<span>
     <table>
       <h3>Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
       <tr>
@@ -89,18 +99,18 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
 	    <button type="submit" name="species" value="<?php echo $mostrecent['Com_Name'];?>"><?php echo $mostrecent['Com_Name'];?>: </button>
 	    <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"/><i><?php echo $mostrecent['Sci_Name'];?></i></a>
             <br>Confidence: <?php echo $mostrecent['Confidence'];?><br>
-            <video controls poster="<?php echo $filename.".png";?>" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
+            <video controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>"></video></td>
         </form>
       </tr>
     </table>
 <?php
 if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) {
-  echo "<img class=\"centered\" src=\"/Charts/$chart?nocache=time()\">";
+  echo "<img src=\"/Charts/$chart?nocache=time()\">";
 } else {
   echo "<p>No Detections For Today</p>";
 }
 ?>
     <h3 class="centered">Currently Analyzing</h3>
 <img class="centered" src='/spectrogram.png?nocache=<?php echo time();?>' >
-</div>
+</span>
 </html>