From f9a894d5d3ccea6bc2956856f5f23696b0af2228 Mon Sep 17 00:00:00 2001
From: mcguirepr89 <mcguirepr89@gmail.com>
Date: Sun, 6 Mar 2022 13:54:40 -0500
Subject: [PATCH] tweaks

---
 homepage/index.php   |  1 +
 homepage/style.css   | 11 +++++------
 scripts/overview.php |  9 +++++----
 scripts/play.php     | 10 +++++-----
 scripts/stats.php    |  4 ++--
 scripts/viewdb.php   |  2 +-
 6 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/homepage/index.php b/homepage/index.php
index 4b26467..7b84d8e 100644
--- a/homepage/index.php
+++ b/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">
diff --git a/homepage/style.css b/homepage/style.css
index 8da70d9..b9a6622 100644
--- a/homepage/style.css
+++ b/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;
   }
diff --git a/scripts/overview.php b/scripts/overview.php
index dbcac9c..bab5e33 100644
--- a/scripts/overview.php
+++ b/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>
-        <?php echo $mostrecent['Date']." ".$mostrecent['Time'];?><br><video controls poster="<?php echo $filename.".png";?>"><source src="<?php echo $filename;?>"></video></td>
+	    <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>
         </form>
       </tr>
     </table>
diff --git a/scripts/play.php b/scripts/play.php
index fc973b9..523ed17 100644
--- a/scripts/play.php
+++ b/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>
@@ -120,9 +120,9 @@ if(!isset($_POST['species'])){
     }
     $result2 = $statement2->execute();
     echo "<table>
-      <tr>
-        <th>Listen</th>
-      </tr>";
+	    <tr>
+		<th>$name</th>
+            </tr>";
       while($results=$result2->fetchArray(SQLITE3_ASSOC))
       {
         $comname = preg_replace('/ /', '_', $results['Com_Name']);
@@ -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>";}?>
diff --git a/scripts/stats.php b/scripts/stats.php
index 6d93bca..b0a6ce5 100644
--- a/scripts/stats.php
+++ b/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
 }
diff --git a/scripts/viewdb.php b/scripts/viewdb.php
index f73054b..957424e 100644
--- a/scripts/viewdb.php
+++ b/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>