Alexandre
f84c44bad4
* Create dark-style.css * Add call to get_color_scheme * Add call to get_color_scheme * Create get_color_scheme function * Add selection box in config.php * Accept both lower and uppercase COLOR_SCHEME * Add COLOR_SCHEME * Add COLOR_SCHEME * Change birdnet.conf after color scheme selection * Move css to static to enable it * Adapt css location to static * Improve opacity value * Fix logo background issues on smaller screens * Avoid overlap of logos * Ensure clean look (same margin as before but different location) * Default background as transparent to avoid white on white * Avoid black on dark ; improve readability * Last element of green is homogenized to grayscale * Enable site reload after color_scheme change
56 lines
1.8 KiB
PHP
56 lines
1.8 KiB
PHP
<?php
|
|
|
|
/* Prevent XSS input */
|
|
$_GET = filter_input_array(INPUT_GET, FILTER_SANITIZE_STRING);
|
|
$_POST = filter_input_array(INPUT_POST, FILTER_SANITIZE_STRING);
|
|
require_once 'scripts/common.php';
|
|
$config = get_config();
|
|
$site_name = get_sitename();
|
|
$color_scheme = get_color_scheme();
|
|
set_timezone();
|
|
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<title><?php echo $site_name; ?></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="<?php echo $color_scheme . '?v=' . date('n.d.y', filemtime($color_scheme)); ?>">
|
|
<link rel="stylesheet" type="text/css" href="static/dialog-polyfill.css" />
|
|
<body>
|
|
<div class="banner">
|
|
<div class="logo">
|
|
<?php if(isset($_GET['logo'])) {
|
|
echo "<a href=\"https://github.com/Nachtzuster/BirdNET-Pi.git\" target=\"_blank\"><img style=\"width:60;height:60;\" src=\"images/bird.png\"></a>";
|
|
} else {
|
|
echo "<a href=\"https://github.com/Nachtzuster/BirdNET-Pi.git\" target=\"_blank\"><img src=\"images/bird.png\"></a>";
|
|
}?>
|
|
</div>
|
|
|
|
|
|
<div class="stream">
|
|
<?php
|
|
if(isset($_GET['stream'])){
|
|
ensure_authenticated('You cannot listen to the live audio stream');
|
|
echo "
|
|
<audio controls autoplay><source src=\"/stream\"></audio>
|
|
</div>
|
|
<h1><a href=\"/\"><img class=\"topimage\" src=\"images/bnp.png\"></a></h1>
|
|
</div><div class=\"centered\"><h3>$site_name</h3></div>";
|
|
} else {
|
|
echo "
|
|
<form action=\"index.php\" method=\"GET\">
|
|
<button type=\"submit\" name=\"stream\" value=\"play\">Live Audio</button>
|
|
</form>
|
|
</div>
|
|
<h1><a href=\"/\"><img class=\"topimage\" src=\"images/bnp.png\"></a></h1>
|
|
</div><div class=\"centered\"><h3>$site_name</h3></div>";
|
|
}
|
|
if(isset($_GET['filename'])) {
|
|
$filename = $_GET['filename'];
|
|
echo "
|
|
<iframe src=\"/views.php?view=Recordings&filename=$filename\"></iframe>";
|
|
} else {
|
|
echo "
|
|
<iframe src=\"/views.php\"></iframe>";
|
|
}
|