Update index.html

webcamgrösse passt
2024-08-02 11:34:14 +02:00
parent 0be54d6823
commit a93f2d495e
1 changed files with 50 additions and 8 deletions
@@ -126,8 +126,8 @@ class AdminManager {
    public function isAdmin() {
        return isset($_SESSION['admin']) && $_SESSION['admin'] === true;
    }
-
    public function handleLogin($username, $password) {
+        echo "Login-Versuch: Username = $username, Passwort = $password"; // Debugging
        if ($username === 'admin' && $password === 'sonne4000') {
            $_SESSION['admin'] = true;
            return true;
@@ -135,6 +135,8 @@ class AdminManager {
        return false;
    }
    
+    
+
    public function displayLoginForm() {
        return '
        <form id="login-form" method="post">
@@ -235,6 +237,38 @@ header {
    top: 0;
    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 {
    height: 50px;
 }
@@ -354,6 +388,12 @@ footer {
 <body>
    <header>
        <div class="container">
+
+        <div class="logo">
+                <img src="logo.png" alt="Aurora Wetter Livecam">
+            </div>
+
+
            <nav>
                <ul>
                    <li><a href="#webcams">Webcam</a></li>
@@ -369,12 +409,13 @@ footer {
    </header>


-    <main>
    <section id="webcams" class="section">
    <div class="container">
        <h2>Unsere Webcam</h2>
+        <div class="video-container">
            <?php echo $webcamManager->displayWebcam(); ?>
        </div>
+    </div>
 </section>


@@ -382,6 +423,7 @@ footer {



+
        <section id="qr-code" class="section">
        <div class="container">
            <h2>Folge uns, kopiere den Code und sende es deinen Freunden in Tiktok,Facebook, Instagram usw </h2>