update

scripty/index.js

@@ -1,11 +1,8 @@
 <script>
   // Function to handle download
   function handleDownload() {
-    // Get the download link element
     var downloadLink = document.getElementById('download-link');
-    // Get the image source URL
     var imageUrl = downloadLink.querySelector('img').src;
-    // Set the download link href to the image source URL
     downloadLink.href = imageUrl;
   }
 

scripty/login.js

@@ -1,12 +1,9 @@
 document.addEventListener('DOMContentLoaded', function() {
   document.getElementById('login-form').addEventListener('submit', function(event) {
       event.preventDefault();
-      // Get values from the form
       var username = document.getElementById('login-username').value;
       var password = document.getElementById('login-password').value;
-      // Here you would perform login authentication, for demonstration purposes let's just log the values
       console.log('Username:', username);
       console.log('Password:', password);
-      // Redirect to dashboard or perform further actions
     });
 }, false);

stranky/galeria.html

@@ -1,38 +1,42 @@
 <div class="gallery">
     <div class="gallery-item">
         <img src="path/to/image1.jpg" alt="Image 1">
-        <button onclick="downloadImage('path/to/image1.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image1.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
         <img src="path/to/image2.jpg" alt="Image 2">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
         <img src="path/to/image2.jpg" alt="Image 2">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 3">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 4">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 5">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 6">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 7">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
     <div class="gallery-item">
-        <img src="path/to/image2.jpg" alt="Image 2">
+        <img src="path/to/image2.jpg" alt="Image 8">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="path/to/image2.jpg" alt="Image 9">
+        <button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
     </div>
 </div>

styly/galeria.css

@@ -6,6 +6,7 @@ body {
     height: 100vh;
     margin: 0;
     background-color: #f0f0f0;
+    background-image: url(https://cavegeekart.com/wp-content/uploads/2023/03/The-Witcher-3-World-Map-Giclee-Reproduction-scaled.jpg.webp);
 }
 
 .gallery {

templates/header.html

@@ -10,6 +10,7 @@
         <li><a href="/?Login" class="Login">Login</a></li>
         <li><a href="/?Table">Table</a></li>
         <li><a href="/?Quiz">Quíz</a></li>
+        <li><a href="/?galeria">Gallery</a></li>
     </div>
     <div id="toggle_btn">
         <i id="toggle_btn_icon" class="fa-solid fa-bars"></i>