diff --git a/homepage/images/menu.png b/homepage/images/menu.png new file mode 100644 index 0000000..8c03aff Binary files /dev/null and b/homepage/images/menu.png differ diff --git a/homepage/style.css b/homepage/style.css index e910191..b0267ba 100644 --- a/homepage/style.css +++ b/homepage/style.css @@ -2,6 +2,7 @@ font-family: 'Arial', 'Gill Sans', 'Gill Sans MT', ' Calibri', 'Trebuchet MS', 'sans-serif'; box-sizing: border-box; + font-size: large; } .banner { @@ -11,6 +12,7 @@ .banner h1 { float: top; + font-size: x-large; } .banner audio { @@ -27,7 +29,7 @@ } .topnav { - background-color: rgb(119, 196, 135); + background-color: rgb( 159, 226, 155); display: block; } @@ -54,6 +56,28 @@ display: none; } +.play table { + width:50%; + margin-right: auto; + margin-left: auto; +} + +.overview td { + width:20%; +} + +.overview table { + width: 75%; +} + +.stats table { + width: 100%; +} + +a { + text-decoration: none; +} + h3 { text-align: center; } @@ -71,7 +95,6 @@ body { table { background-color: transparent; margin: 0 auto; - font-size: large; border-collapse: collapse; border-spacing: 0; width: 100%; @@ -79,6 +102,8 @@ table { } td { + padding: 10px; + vertical-align: top; background-color: rgb(219, 255, 235); font-weight: lighter; border: 2px solid black; @@ -100,20 +125,28 @@ audio, video{ } .centered { + text-align: center; display: block; width: auto; margin-left: auto; margin-right: auto; } +.full { + width:100%; +} + button { - font-size: large; background-color: transparent; border: none; color: black; cursor: pointer; } +button:hover { + color: blue; +} + .logbutton, .navbuttons { float: left; } @@ -140,15 +173,17 @@ body::-webkit-scrollbar { @media screen and (max-width: 1000px) { .topnav.responsive {position: relative;} .topnav.responsive button { - float: left; display: block; text-align: center; } } @media screen and (max-width: 600px) { - .top.nav button { - font-size: 16px; + .play table,.overview table { + width: 100%; + } + .topnav button { + font-size: xx-large; } .topnav button {display: none;} /*.topnav button:not(:first-child) {display: none;}*/ @@ -161,13 +196,14 @@ body::-webkit-scrollbar { } @media screen and (max-width: 600px) { + .play table,.overview table { + width: 100%; + } .topnav button { - font-size: 16px; + font-size: x-large; } .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 f7b1e0c..05b3481 100644 --- a/homepage/views.php +++ b/homepage/views.php @@ -26,7 +26,7 @@ if(isset($_POST['view'])){ if($_POST['view'] == "Spectrogram"){include('spectrogram.php');} if($_POST['view'] == "Overview"){include('overview.php');} if($_POST['view'] == "Today's Detections"){include('viewdb.php');} - if($_POST['view'] == "Species Stats"){include('stats.php');} + if($_POST['view'] == "Species Stats"){echo "

";include('stats.php');} if($_POST['view'] == "Daily Charts"){include('history.php');} if($_POST['view'] == "Tools"){ if (file_exists('/home/pi/BirdNET-Pi/thisrun.txt')) { diff --git a/scripts/overview.php b/scripts/overview.php index 1c72557..b6b71b4 100644 --- a/scripts/overview.php +++ b/scripts/overview.php @@ -68,8 +68,7 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC); -
-
+
@@ -88,9 +87,6 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
Total
-
-
- @@ -112,7 +108,7 @@ $speciestally = $result5->fetchArray(SQLITE3_ASSOC);
Most Recent Detection
-
+ "; @@ -120,6 +116,6 @@ if (file_exists('/home/pi/BirdSongs/Extracted/Charts/'.$chart)) { echo "

No Detections For Today

"; } ?> -

Currently Analyzing

- +

Currently Analyzing

+ diff --git a/scripts/play.css b/scripts/play.css deleted file mode 100644 index 4d7828d..0000000 --- a/scripts/play.css +++ /dev/null @@ -1,99 +0,0 @@ -/* style sheet */ -* { - font-family: 'Arial', 'Gill Sans', 'Gill Sans MT', - ' Calibri', 'Trebuchet MS', 'sans-serif'; - box-sizing: border-box; -} - -a { - text-decoration:none; -} - -body { - background-color: rgb(119, 196, 135); -} - -.column { - display:block; - width:33%; - margin-left:auto; - margin-right:auto; -} - -.left { - float:left; -} - -.right { - float:right; - width:66%; -} - -table { - background-color: rgb(219, 255, 235); - margin: 0 auto; - font-size: large; - border-collapse: collapse; - border-spacing: 0; - width: 100%; - border: 1px solid black; -} - -h1 { - text-align: center; - color: black; - font-size: xx-large; -} - -h2 { - margin-left: -150px; - text-align: center; - color: black; - font-size: large; -} - -h3 { - text-align: center; - color: black; - font-size: large; -} - -td { - background-color: rgb(219, 255, 235); - font-weight: lighter; - border: 1px solid black; - padding: 10px; - text-align: center; -} - -th { - background-color: rgb(219, 255, 235); - font-weight: bold; - border: 1px solid black; - padding: 10px; - text-align: center; -} - -button { - background-color: transparent; - font-size: large; - border:none; - cursor:pointer; -} - -@media screen and (max-width: 1000px) { - h2 { - margin-left: 0; - text-align: center; - color: black; - font-size: large; - } - - .column { - width: 80%; - } - -} -body::-webkit-scrollbar { - display:none -} diff --git a/scripts/play.php b/scripts/play.php index 022f0db..59be33d 100644 --- a/scripts/play.php +++ b/scripts/play.php @@ -56,6 +56,7 @@ if(isset($_POST['bydate'])){ +
fetchArray(SQLITE3_ASSOC)) $comname = preg_replace('/\'/', '', $comname); $file = $results['File_Name']; $filename = "/By_Date/".$date."/".$comname."/".$results['File_Name']; - echo "
+ echo "
- - + + - - +
$nameMax Confidence: $maxconf$name
Most confident recording: Best Recording
$maxconf
"; };};?> +
fetchArray(SQLITE3_ASSOC)) header("refresh: 0;"); } $result2 = $statement2->execute(); - echo " + echo "
diff --git a/scripts/stats.php b/scripts/stats.php index bf13117..fbe1a9b 100644 --- a/scripts/stats.php +++ b/scripts/stats.php @@ -32,23 +32,24 @@ if(isset($_POST['species'])){ BirdNET-Pi DB + + + + -
-
-
Choose a species below to load images from Wikimedia Commons.

"; +?>

Choose a species below to load images from Wikimedia Commons.

+
When Listen
- - - - + + + + fetchArray(SQLITE3_ASSOC)) @@ -65,17 +66,15 @@ $filename = "/By_Date/".$results['Date']."/".$comname."/".$results['File_Name']; - +
Common NameOccurrencesMax Confidence ScoreBest RecordingCommon NameOccurrencesMax Confidence ScoreBest Recording
- -

$species

+ $str = "

$species

@@ -123,7 +122,6 @@ while($results=$result3->fetchArray(SQLITE3_ASSOC)){ } }} ?> - - +
Scientific Name