elo

2024-04-16 18:56:59 +02:00
parent 9c42e0fc63
commit dbb99ba47a
4 changed files with 17 additions and 2 deletions
--- a/src/static/images/elo.jpg
+++ b/src/static/images/elo.jpg
--- a/src/static/images/marie2.jpg
+++ b/src/static/images/marie2.jpg
--- a/src/templates/nutrition.html
+++ b/src/templates/nutrition.html
@ -172,7 +172,9 @@
        }
    }

-
+    function openImagePage() {
+        window.open('/random.html', '_blank'); // Öffnet die neue Seite in einem neuen Tab
+    }
    </script>
 </head>
 <body>
@ -215,7 +217,10 @@

        <div class="search-container">
            <input type="text" id="search-input" placeholder="Lebensmittel suchen..." oninput="filterTable()">
-            <img src="../static/images/marie.jpg" alt="Suche Icon" style="vertical-align: middle;"> <!-- Füge das Bild hier ein -->
+            <button onclick="openImagePage()" style="background-image: url('../static/images/marie.jpg'); border: none; cursor: pointer; background-size: cover; width: 62px; height: 85px; vertical-align: middle;">
+                <!-- Der Text wird durch den transparenten Text ersetzt, falls nötig -->
+                <span style="opacity: 0;">Öffnen</span>
+            </button>
        </div>
        

--- a/src/templates/random.html
+++ b/src/templates/random.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Bildansicht</title>
+</head>
+<body style="margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh;">
+    <img src="../static/images/elo.jpg" alt="Elo Bild" style="max-width: 100%; max-height: 100%;">
+</body>
+</html>