tweaks

homepage/index.php

@@ -1,3 +1,4 @@
+<title>BirdNET-Pi</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="style.css">
 <div class="banner">

homepage/style.css

@@ -54,7 +54,8 @@ th {
 }
 
 audio, video{
-  width: 100%;
+  max-height: 100%;
+  max-width: 100%;
 }
 
 label {
@@ -184,7 +185,8 @@ button:hover {
   color: blue;
 }
 
-.center button{
+.overview button, .center button{
+  font-weight: bold;
   color: blue;
 }
 
@@ -249,10 +251,6 @@ button:hover {
   float: left;
 }
 
-.spectrogrambutton {
-  float:top;
-}
-
 body::-webkit-scrollbar {
   display:none
 }
@@ -337,6 +335,7 @@ body::-webkit-scrollbar {
   .topnav.responsive button {
     display: block;
   }
+  .version {display:none;}
   .left {
     display:none;
   }

scripts/overview.php

@@ -81,14 +81,15 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
       </tr>
     </table>
     <table>
-      <h3>Most Recent Detection</h3>
+      <h3>Most Recent Detection: <span style="font-weight: normal;"><?php echo $mostrecent['Date']." ".$mostrecent['Time'];?></span></h3>
       <tr>
         <td>
         <form action="" method="POST">
             <input type="hidden" name="view" value="Species Stats">
 	    <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>
+	    <a href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="_blank"/><i><?php echo $mostrecent['Sci_Name'];?></i></a>
-        <?php echo $mostrecent['Date']." ".$mostrecent['Time'];?><br><video controls poster="<?php echo $filename.".png";?>"><source src="<?php echo $filename;?>"></video></td>
+            <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>
         </form>
       </tr>
     </table>

scripts/play.php

@@ -104,7 +104,7 @@ if(!isset($_POST['species'])){
     $filename = "/By_Date/".$date."/".$comname."/".$results['File_Name'];
     echo "<th>$species</th>
       <td style=\"vertical-align:middle;\"><a href=\"https://wikipedia.org/wiki/$sci_name\" target=\"top\"><i>$sciname</i></a></td>
-      <td class=\"spectrogram\">Best Recording<br>$date $time<br>$maxconf<br><video controls poster=\"$filename.png\" preload=\"none\"><source src=\"$filename\"></video></td>
+      <td class=\"spectrogram\">Best Recording<br>$date $time<br>$maxconf<br><video controls poster=\"$filename.png\" preload=\"none\" title=\"$filename\"><source src=\"$filename\"></video></td>
       </tr></table>";
     }}
      echo "</form>
@@ -121,7 +121,7 @@ if(!isset($_POST['species'])){
     $result2 = $statement2->execute();
     echo "<table>
 	    <tr>
-        <th>Listen</th>
+		<th>$name</th>
             </tr>";
       while($results=$result2->fetchArray(SQLITE3_ASSOC))
       {
@@ -135,7 +135,7 @@ if(!isset($_POST['species'])){
         $confidence = $results['Confidence'];
         echo "<tr>
           <td>$date $time<br>$confidence<br>
-          <video controls poster=\"$filename.png\" preload=\"none\"><source src=\"$filename\"></video></td>
+          <video controls poster=\"$filename.png\" preload=\"none\" title=\"$filename\"><source src=\"$filename\"></video></td>
           </tr>";
 
       }echo "</table>";}?>

scripts/stats.php

@@ -97,7 +97,7 @@ while($results=$result3->fetchArray(SQLITE3_ASSOC)){
   <b>Max Confidence: </b>$maxconf<br>
   <b>Best Recording: </b>$date $time<br>
   <a href=\"https://allaboutbirds.org/guide/$comname\" target=\"top\"/>All About Birds</a><br>
-  <video controls poster=\"$filename.png\"><source src=\"$filename\"></video></td>
+  <video controls poster=\"$filename.png\" title=\"$filename\"><source src=\"$filename\"></video></td>
   </tr>
     </table>
   <p>Loading Images from <a href=\"https://commons.wikimedia.org/w/index.php?search=$linkname&title=Special:MediaSearch&go=Go&type=image\" target=\"_blank\">Wikimedia Commons</a></p>", '6096');
@@ -129,7 +129,7 @@ $filename = "/By_Date/".$results['Date']."/".$comname."/".$results['File_Name'];
       <td><input type="hidden" name="view" value="Species Stats">
         <button type="submit" name="species" value="<?php echo $results['Com_Name'];?>"><?php echo $results['Com_Name'];?></button><br><b>Occurrences:</b> <?php echo $results['COUNT(*)'];?><br>
       <b>Max Confidence:</b> <?php echo $results['MAX(Confidence)'];?><br>
-      <b>Best Recording:</b> <?php echo $results['Date']." ".$results['Time'];?><br><video controls poster="<?php echo $filename.".png";?>"><source src="<?php echo $filename;?>" type="audio/mp3"></video></td>
+      <b>Best Recording:</b> <?php echo $results['Date']." ".$results['Time'];?><br><video controls poster="<?php echo $filename.".png";?>" preload="none" title="<?php echo $filename;?>"><source src="<?php echo $filename;?>" type="audio/mp3"></video></td>
       </tr>
 <?php
 }

scripts/viewdb.php

@@ -103,7 +103,7 @@ $sciname = preg_replace('/ /', '_', $todaytable['Sci_Name']);
       <b><a class="a2" href="https://allaboutbirds.org/guide/<?php echo $comname;?>" target="top"><?php echo $todaytable['Com_Name'];?></a></b><br>
       <a class="a2" href="https://wikipedia.org/wiki/<?php echo $sciname;?>" target="top"><i><?php echo $todaytable['Sci_Name'];?></i></a><br>
       <b>Confidence:</b> <?php echo $todaytable['Confidence'];?><br>
-      <video controls poster="<?php echo $filename.".png";?>" preload="none"><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>
 <?php }?>
       </tr>
     </table>