Update index.html

webcamgrösse passt
This commit is contained in:
2024-08-02 11:34:14 +02:00
committed by GitHub
parent 0be54d6823
commit a93f2d495e
+50 -8
View File
@@ -126,8 +126,8 @@ class AdminManager {
public function isAdmin() { public function isAdmin() {
return isset($_SESSION['admin']) && $_SESSION['admin'] === true; return isset($_SESSION['admin']) && $_SESSION['admin'] === true;
} }
public function handleLogin($username, $password) { public function handleLogin($username, $password) {
echo "Login-Versuch: Username = $username, Passwort = $password"; // Debugging
if ($username === 'admin' && $password === 'sonne4000') { if ($username === 'admin' && $password === 'sonne4000') {
$_SESSION['admin'] = true; $_SESSION['admin'] = true;
return true; return true;
@@ -135,6 +135,8 @@ class AdminManager {
return false; return false;
} }
public function displayLoginForm() { public function displayLoginForm() {
return ' return '
<form id="login-form" method="post"> <form id="login-form" method="post">
@@ -235,6 +237,38 @@ header {
top: 0; top: 0;
z-index: 100; z-index: 100;
} }
#webcam-player {
max-width: 100%;
height: auto;
max-height: 70vh; /* Begrenzt die Höhe auf 70% der Bildschirmhöhe */
display: block;
margin: 0 auto;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 Seitenverhältnis */
height: 0;
overflow: hidden;
}
.video-container #webcam-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.logo img { .logo img {
height: 50px; height: 50px;
} }
@@ -354,6 +388,12 @@ footer {
<body> <body>
<header> <header>
<div class="container"> <div class="container">
<div class="logo">
<img src="logo.png" alt="Aurora Wetter Livecam">
</div>
<nav> <nav>
<ul> <ul>
<li><a href="#webcams">Webcam</a></li> <li><a href="#webcams">Webcam</a></li>
@@ -369,13 +409,15 @@ footer {
</header> </header>
<main> <section id="webcams" class="section">
<section id="webcams" class="section"> <div class="container">
<div class="container"> <h2>Unsere Webcam</h2>
<h2>Unsere Webcam</h2> <div class="video-container">
<?php echo $webcamManager->displayWebcam(); ?> <?php echo $webcamManager->displayWebcam(); ?>
</div> </div>
</section> </div>
</section>