From 90d578cc362d7c2ca2d31506f5bfdbbd89263e53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20=C5=A0r=C3=A1mek?= <alienmtf7039@gmail.com>
Date: Thu, 6 Jun 2024 09:10:12 +0200
Subject: [PATCH] update

---
 scripty/index.js      |  3 ---
 scripty/login.js      |  3 ---
 stranky/galeria.html  | 34 +++++++++++++++++++---------------
 styly/galeria.css     |  1 +
 templates/header.html |  1 +
 5 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/scripty/index.js b/scripty/index.js
index 55fc243..9724d5f 100644
--- a/scripty/index.js
+++ b/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;
   }
 
diff --git a/scripty/login.js b/scripty/login.js
index 7bdf064..5133c51 100644
--- a/scripty/login.js
+++ b/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);
\ No newline at end of file
diff --git a/stranky/galeria.html b/stranky/galeria.html
index 73b127b..2732ce7 100644
--- a/stranky/galeria.html
+++ b/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">
-        <button onclick="downloadImage('path/to/image2.jpg')">Download</button>
+        <img src="path/to/image2.jpg" alt="Image 3">
+        <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>
+        <img src="path/to/image2.jpg" alt="Image 4">
+        <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>
+        <img src="path/to/image2.jpg" alt="Image 5">
+        <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>
+        <img src="path/to/image2.jpg" alt="Image 6">
+        <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>
+        <img src="path/to/image2.jpg" alt="Image 7">
+        <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>
+        <img src="path/to/image2.jpg" alt="Image 8">
+        <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>
\ No newline at end of file
diff --git a/styly/galeria.css b/styly/galeria.css
index a33d267..5ca9000 100644
--- a/styly/galeria.css
+++ b/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 {
diff --git a/templates/header.html b/templates/header.html
index 4b36008..fa90487 100644
--- a/templates/header.html
+++ b/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>