moerp/elo-rezept-rechner
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

elo
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
moerp
2024-04-16 18:56:59 +02:00
parent 9c42e0fc63
commit dbb99ba47a
4 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/static/images/elo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

BIN
src/static/images/marie2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

9
src/templates/nutrition.html
View File

@ -172,7 +172,9 @@
} }
} }
function openImagePage() {
window.open('/random.html', '_blank'); // Öffnet die neue Seite in einem neuen Tab
}
</script> </script>
</head> </head>
<body> <body>
@ -215,7 +217,10 @@
<div class="search-container"> <div class="search-container">
<input type="text" id="search-input" placeholder="Lebensmittel suchen..." oninput="filterTable()"> <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> </div>

10
src/templates/random.html Normal file
View File

@ -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>