up

scripty/galeria.js

@@ -0,0 +1,8 @@
+function downloadImage(imageUrl) {
+    const link = document.createElement('a');
+    link.href = imageUrl;
+    link.download = imageUrl.split('/').pop();
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}

scripty/index.js

@@ -0,0 +1,11 @@
+<script>
+  // Function to handle download
+  function handleDownload() {
+    var downloadLink = document.getElementById('download-link');
+    var imageUrl = downloadLink.querySelector('img').src;
+    downloadLink.href = imageUrl;
+  }
+
+  // Add event listener to the download link
+  document.getElementById('download-link').addEventListener('click', handleDownload);
+</script>

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/Alien.html

@@ -21,8 +21,7 @@
         <p>Hra ponúka ohromujúci vizuál, zachytávajúci atmosféru pôvodného filmu Alien. Retro-futuristický dizajn vesmírnej stanice a desivé osvetlenie prispievajú k pocitu izolácie a hrôzy. Samotný Xenomorph je precízne detailný a animovaný, čo pridáva na napätí a strachu, keď hráča prenasleduje počas hry.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://cdn.mos.cms.futurecdn.net/6c2fea79927771cb74b2563e4b513d09.jpg"
+        <img width="400" src="https://cdn.mos.cms.futurecdn.net/6c2fea79927771cb74b2563e4b513d09.jpg"
         alt="Alien: Isolation Screenshot">
 
     <article>
@@ -30,8 +29,7 @@
         <p>Alien: Isolation získalo uznanie kritikov za svoju atmosféru, herné mechanizmy a vernosť zdrojovému materiálu. Bol chválený pre svoj napätý a pohlcujúci zážitok, ale aj kritizovaný za jeho tempo a občasnú frustráciu. Napriek tomu zostáva obľúbeným titulom medzi fanúšikmi žánru survival horor.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400"
+        <img width="400"
         src="https://gamespot.com/a/uploads/original/1365/13658182/2677752-alienisolation_ai_launch_screen010_1411636920_result.jpg"
         alt="Alien: Isolation Screenshot">
 </div>

stranky/COD.html

@@ -25,8 +25,7 @@
             príležitosti. Grafika MW3 prispieva k pohlcujúcim a filmovým zážitkom.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/mw3/home/modes/top-features-img.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
+        <img width="400" src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/mw3/home/modes/top-features-img.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -37,6 +36,5 @@
             Modern Warfare.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/intel-cards/mwiii/MWIII-CAMPAIGN-HOWTOPLAY-INTELCARD-001_Mobile.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
+        <img width="400" src="https://www.callofduty.com/content/dam/atvi/callofduty/cod-touchui/blog/intel-cards/mwiii/MWIII-CAMPAIGN-HOWTOPLAY-INTELCARD-001_Mobile.png" alt="Call of Duty: Modern Warfare 3 Screenshot">
 </div>

stranky/Minecraft.html

@@ -25,8 +25,7 @@
             vzhľad a dojem z hry, výsledkom čoho sú nekonečné možnosti kreativity a objavovania.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img src="https://static.planetminecraft.com/files/image/minecraft/project/2020/788/13631805_xl.webp" alt="Minecraft Screenshot" width="400">
+        <img src="https://static.planetminecraft.com/files/image/minecraft/project/2020/788/13631805_xl.webp" alt="Minecraft Screenshot" width="400">
 
     <article>
         <h2>Ohlasy</h2>
@@ -36,6 +35,5 @@
             prispel k jej trvalej popularite a kultúrnemu vplyvu.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img src="https://ftw.usatoday.com/wp-content/uploads/sites/90/2022/05/Minecraft-attacking-a-SkeletoN.jpg" alt="Minecraft Screenshot" width="400">
+        <img src="https://ftw.usatoday.com/wp-content/uploads/sites/90/2022/05/Minecraft-attacking-a-SkeletoN.jpg" alt="Minecraft Screenshot" width="400">
 </div>

stranky/Quiz.html

@@ -0,0 +1,139 @@
+<h1>Zaklínač 3: Kvíz</h1>
+    <form id="quizForm">
+        <div class="question">
+            <h3>1. Ako sa volá hlavná postava v Zaklínač 3?</h3>
+            <select name="q1">
+                <option value="">Vyberte...</option>
+                <option value="Geralt">Geralt</option>
+                <option value="Yennefer">Yennefer</option>
+                <option value="Ciri">Ciri</option>
+                <option value="Triss">Triss</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>2. Ako sa volá meč, ktorý používa Geralt na boj s ľuďmi?</h3>
+            <input type="text" name="q2">
+        </div>
+        <div class="question">
+            <h3>3. Kto je autorom kníh, na ktorých je hra založená?</h3>
+            <select name="q3">
+                <option value="">Vyberte...</option>
+                <option value="Andrzej Sapkowski">Andrzej Sapkowski</option>
+                <option value="J.K. Rowling">J.K. Rowling</option>
+                <option value="J.R.R. Tolkien">J.R.R. Tolkien</option>
+                <option value="George R.R. Martin">George R.R. Martin</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>4. Ako sa volá priateľský upír, ktorého Geralt stretne v rozšírení Blood and Wine?</h3>
+            <input type="text" name="q4">
+        </div>
+        <div class="question">
+            <h3>5. Ako sa volá domovský kontinent, na ktorom sa hra odohráva?</h3>
+            <select name="q5">
+                <option value="">Vyberte...</option>
+                <option value="Thedas">Thedas</option>
+                <option value="Tamriel">Tamriel</option>
+                <option value="The Continent">The Continent</option>
+                <option value="Westeros">Westeros</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>6. Ako sa volá obľúbená hra s kartami v Zaklínač 3?</h3>
+            <input type="text" name="q6">
+        </div>
+        <div class="question">
+            <h3>7. Kto je hlavný antagonist v Zaklínač 3?</h3>
+            <select name="q7">
+                <option value="">Vyberte...</option>
+                <option value="Eredin">Eredin</option>
+                <option value="Imlerith">Imlerith</option>
+                <option value="Caranthir">Caranthir</option>
+                <option value="Avallac'h">Avallac'h</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>8. Akú rasu predstavuje Geralt?</h3>
+            <input type="text" name="q8">
+        </div>
+        <div class="question">
+            <h3>9. Ako sa volá prvý vesmírny cieľ Geralta v hre?</h3>
+            <select name="q9">
+                <option value="">Vyberte...</option>
+                <option value="Vizima">Vizima</option>
+                <option value="White Orchard">White Orchard</option>
+                <option value="Novigrad">Novigrad</option>
+                <option value="Kaer Morhen">Kaer Morhen</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>10. Ako sa volá dcéra Geralta a Yennefer?</h3>
+            <input type="text" name="q10">
+        </div>
+        <div class="question">
+            <h3>11. Akú magickú schopnosť používa Geralt najčastejšie?</h3>
+            <select name="q11">
+                <option value="">Vyberte...</option>
+                <option value="Quen">Quen</option>
+                <option value="Igni">Igni</option>
+                <option value="Aard">Aard</option>
+                <option value="Yrden">Yrden</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>12. Ako sa volá kráľovstvo, v ktorom sa nachádza Novigrad?</h3>
+            <input type="text" name="q12">
+        </div>
+        <div class="question">
+            <h3>13. Ako sa volá vládca Nilfgaardu?</h3>
+            <select name="q13">
+                <option value="">Vyberte...</option>
+                <option value="Emhyr var Emreis">Emhyr var Emreis</option>
+                <option value="Radovid V">Radovid V</option>
+                <option value="Henselt">Henselt</option>
+                <option value="Foltest">Foltest</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>14. Ako sa volá sestra Yennefer?</h3>
+            <input type="text" name="q14">
+        </div>
+        <div class="question">
+            <h3>15. Aký druh monštra je Leshen?</h3>
+            <select name="q15">
+                <option value="">Vyberte...</option>
+                <option value="Vlkodlak">Vlkodlak</option>
+                <option value="Upír">Upír</option>
+                <option value="Pavúk">Pavúk</option>
+                <option value="Lesný duch">Lesný duch</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>16. Aké povolanie má Vesemir?</h3>
+            <input type="text" name="q16">
+        </div>
+        <div class="question">
+            <h3>17. Ako sa volá meč, ktorý používa Geralt na boj s monštrami?</h3>
+            <select name="q17">
+                <option value="">Vyberte...</option>
+                <option value="Ocelový meč">Ocelový meč</option>
+                <option value="Strieborný meč">Strieborný meč</option>
+                <option value="Bronzový meč">Bronzový meč</option>
+                <option value="Zlatý meč">Zlatý meč</option>
+            </select>
+        </div>
+        <div class="question">
+            <h3>18. Ako sa volá kúzelník, ktorý pomáha Geraltovi v hlavnom príbehu?</h3>
+            <input type="text" name="q18">
+        </div>
+        <div class="question">
+            <h3>19. Aký druh hry je Zaklínač 3?</h3>
+            <select name="q19">
+                <option value="">Vyberte...</option>
+                <option value="Akčná adventúra">Akčná adventúra</option>
+                <option value="RPG">RPG</option>
+                <option value="Stratégia">Stratégia</option>
+                <option value="Simulátor">Simul</option>
+            </select>
+        </div>
+    </form>

stranky/SCP.html

@@ -24,8 +24,7 @@
             hororové prvky hry.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://pbs.twimg.com/media/FefXJhuX0AslilS.jpg:large" alt="SCP: Secret Laboratory Screenshot">
+        <img width="400" src="https://pbs.twimg.com/media/FefXJhuX0AslilS.jpg:large" alt="SCP: Secret Laboratory Screenshot" download class="download-button">
 
     <article>
         <h2>Ohlasy</h2>
@@ -35,6 +34,5 @@
             chyby.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://pbs.twimg.com/media/Fr23CZMWcAITl3a.jpg:large" alt="SCP: Secret Laboratory Screenshot">
+        <img width="400" src="https://pbs.twimg.com/media/Fr23CZMWcAITl3a.jpg:large" alt="SCP: Secret Laboratory Screenshot" download class="download-button">
 </div>

stranky/Skyrim.html

@@ -27,8 +27,7 @@
         </p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://i.guim.co.uk/img/media/c15da9438dd16a3563e80b799f65554295b81769/40_0_1200_720/master/1200.jpg?width=1200&quality=85&auto=format&fit=max&s=325a929c44a1bd1a21b98f0f5ed31f9e" alt="Skyrim Screenshot">
+        <img width="400" src="https://i.guim.co.uk/img/media/c15da9438dd16a3563e80b799f65554295b81769/40_0_1200_720/master/1200.jpg?width=1200&quality=85&auto=format&fit=max&s=325a929c44a1bd1a21b98f0f5ed31f9e" alt="Skyrim Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -39,6 +38,5 @@
             užívajú hráči po celom svete.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://images.saymedia-content.com/.image/ar_4:3%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:eco%2Cw_1200/MTg1ODkyNDE1NzYzMTMwMDUx/elder-scrolls-v-skyrim-overpowered-knight-build-guide.jpg" alt="Skyrim Screenshot">
+        <img width="400" src="https://images.saymedia-content.com/.image/ar_4:3%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:eco%2Cw_1200/MTg1ODkyNDE1NzYzMTMwMDUx/elder-scrolls-v-skyrim-overpowered-knight-build-guide.jpg" alt="Skyrim Screenshot">
 </div>

stranky/Subnautica.html

@@ -26,8 +26,7 @@
             neznámy.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://img.etimg.com/thumb/width-1600,height-900,imgsize-9352,resizemode-75,msid-96253066/news/international/us/subnautica-2-0-version-borrowed-features-from-below-zero-and-resolves-over-800-bugs.jpg" alt="Subnautica Screenshot">
+        <img width="400" src="https://img.etimg.com/thumb/width-1600,height-900,imgsize-9352,resizemode-75,msid-96253066/news/international/us/subnautica-2-0-version-borrowed-features-from-below-zero-and-resolves-over-800-bugs.jpg" alt="Subnautica Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -38,6 +37,5 @@
             vlny.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://cdn.mos.cms.futurecdn.net/zzjRSEWk7VhtBTqeTrZs8k-1200-80.jpg" alt="Subnautica Screenshot">
+        <img width="400" src="https://cdn.mos.cms.futurecdn.net/zzjRSEWk7VhtBTqeTrZs8k-1200-80.jpg" alt="Subnautica Screenshot">
 </div>

stranky/Table.html

@@ -0,0 +1,96 @@
+<table>
+    <thead>
+        <tr>
+            <th>Hra</th>
+            <th>Výzor</th>
+            <th>Príbeh</th>
+            <th>Hratelnosť</th>
+            <th>Cena</th>
+            <th>Celkovo</th>
+            <th>Kúpa</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td>Alien Isolation</td>
+            <td>8,5/10</td>
+            <td>9/10</td>
+            <td>9,5/10</td>
+            <td>40€</td>
+            <td>9/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/214490/';"><i class="fa-solid fa-cart-shopping"></i></button><td>
+        </tr>
+        <tr>
+            <td>SCP: SL</td>
+            <td>9/10</td>
+            <td>4/10</td>
+            <td>7/10</td>
+            <td>Free</td>
+            <td>6/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/700330/SCP_Secret_Laboratory/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Witcher 3</td>
+            <td>10/10</td>
+            <td>10/10</td>
+            <td>10/10</td>
+            <td>30€</td>
+            <td>10/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/292030/The_Witcher_3_Wild_Hunt/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Skyrim</td>
+            <td>10/10</td>
+            <td>7/10</td>
+            <td>10/10</td>
+            <td>40€</td>
+            <td>9/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/489830/The_Elder_Scrolls_V_Skyrim_Special_Edition/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Titanfall 2</td>
+            <td>8/10</td>
+            <td>9/10</td>
+            <td>10/10</td>
+            <td>20€</td>
+            <td>8,5/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/1237970/Titanfall_2/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>CoD MW3</td>
+            <td>0/10</td>
+            <td>0/10</td>
+            <td>0/10</td>
+            <td>70€</td>
+            <td>0/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/2519060/Call_of_Duty_Modern_Warfare_III/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Minecraft</td>
+            <td>6/10</td>
+            <td>0/10</td>
+            <td>9/10</td>
+            <td>20€</td>
+            <td>6/10</td>
+            <td><button class="Table" onclick="location.href='https://www.minecraft.net/en-us/store/minecraft-java-bedrock-edition-pc';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Subnautica</td>
+            <td>9/10</td>
+            <td>10/10</td>
+            <td>8/10</td>
+            <td>30€</td>
+            <td>9,5/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/264710/Subnautica/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+        <tr>
+            <td>Warthunder</td>
+            <td>10/10</td>
+            <td>10/10</td>
+            <td>10/10</td>
+            <td>Free/23,849€</td>
+            <td>10/10</td>
+            <td><button class="Table" onclick="location.href='https://store.steampowered.com/app/236390/War_Thunder/';"><i class="fa-solid fa-cart-shopping"></i></button><td></td>
+        </tr>
+    </tbody>
+</table>

stranky/Titanfall.html

@@ -27,8 +27,7 @@
             vzrušenie.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://assetsio.gnwcdn.com/Titanfall-2-Monarch.jpg?width=1200&height=630&fit=crop&enable=upscale&auto=webp" alt="Titanfall 2 Screenshot">
+        <img width="400" src="https://assetsio.gnwcdn.com/Titanfall-2-Monarch.jpg?width=1200&height=630&fit=crop&enable=upscale&auto=webp" alt="Titanfall 2 Screenshot">
 
     <article>
         <h2>Ohlasy</h2>
@@ -39,6 +38,5 @@
             vynikajúcich strelcov svojej generácie.</p>
     </article>
 
-    <!-- Placeholder for Image -->
-    <img width="400" src="https://m.media-amazon.com/images/I/91gPnR90n9L._AC_UF1000,1000_QL80_.jpg" alt="Titanfall 2 Screenshot">
+        <img width="400" src="https://m.media-amazon.com/images/I/91gPnR90n9L._AC_UF1000,1000_QL80_.jpg" alt="Titanfall 2 Screenshot">
 </div>

stranky/Warthunder.html

@@ -25,5 +25,4 @@
     <img width="400" src="https://www.dsogaming.com/wp-content/uploads/2014/01/War-Thunder-Ground-Forces-feature-2-672x372.jpg" alt="War Thunder Gameplay">
     
     <p><strong>Author: DeXuS</strong></p>
-    <!-- Add your author bio/contact information here -->
-</div>
+    </div>

stranky/galeria.html

@@ -0,0 +1,42 @@
+<div class="gallery">
+    <div class="gallery-item">
+        <img src="https://i.pinimg.com/736x/d5/40/ad/d540ad0e68bf49907b61c827620a0d36.jpg" alt="Image 1">
+        <button onclick="StiahnuťImage('https://i.pinimg.com/736x/d5/40/ad/d540ad0e68bf49907b61c827620a0d36.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://static0.gamerantimages.com/wordpress/wp-content/uploads/2022/01/Best-Games-With-The-Most-Detailed-Environments_0001_Layer-26.jpg" alt="Image 2">
+        <button onclick="StiahnuťImage('https://static0.gamerantimages.com/wordpress/wp-content/uploads/2022/01/Best-Games-With-The-Most-Detailed-Environments_0001_Layer-26.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://preview.redd.it/whats-the-best-view-in-a-video-game-v0-cbfcwzt0plyb1.jpg?auto=webp&s=d5e1063902b8740d9607b0ebfd87dc67ce8e44b6" alt="Image 2">
+        <button onclick="StiahnuťImage('https://preview.redd.it/whats-the-best-view-in-a-video-game-v0-cbfcwzt0plyb1.jpg?auto=webp&s=d5e1063902b8740d9607b0ebfd87dc67ce8e44b6')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://preview.redd.it/whats-the-best-view-in-a-video-game-v0-cbfcwzt0plyb1.jpg?auto=webp&s=d5e1063902b8740d9607b0ebfd87dc67ce8e44b6" alt="Image 3">
+        <button onclick="StiahnuťImage('https://preview.redd.it/whats-the-best-view-in-a-video-game-v0-cbfcwzt0plyb1.jpg?auto=webp&s=d5e1063902b8740d9607b0ebfd87dc67ce8e44b6')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHWz7F7SEWf3fia54sp95NpC88ySevY1vndw&s" alt="Image 4">
+        <button onclick="StiahnuťImage('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHWz7F7SEWf3fia54sp95NpC88ySevY1vndw&s')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://wallpapercave.com/wp/wp9372046.jpg" alt="Image 5">
+        <button onclick="StiahnuťImage('https://wallpapercave.com/wp/wp9372046.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://static0.gamerantimages.com/wordpress/wp-content/uploads/2020/08/Far-Cry-5-Sniper-Screenshot-Plane.jpg" alt="Image 6">
+        <button onclick="StiahnuťImage('https://static0.gamerantimages.com/wordpress/wp-content/uploads/2020/08/Far-Cry-5-Sniper-Screenshot-Plane.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://assetsio.gnwcdn.com/pc_009.bmp_mYgtxQq.jpg?width=3840&height=3840&fit=bounds&quality=100&format=jpg&auto=webp" alt="Image 7">
+        <button onclick="StiahnuťImage('https://assetsio.gnwcdn.com/pc_009.bmp_mYgtxQq.jpg?width=3840&height=3840&fit=bounds&quality=100&format=jpg&auto=webp')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://c4.wallpaperflare.com/wallpaper/257/869/175/video-games-digital-art-subnautica-subnautica-below-zero-science-fiction-hd-wallpaper-preview.jpg" alt="Image 8">
+        <button onclick="StiahnuťImage('https://c4.wallpaperflare.com/wallpaper/257/869/175/video-games-digital-art-subnautica-subnautica-below-zero-science-fiction-hd-wallpaper-preview.jpg')">Stiahnuť</button>
+    </div>
+    <div class="gallery-item">
+        <img src="https://c4.wallpaperflare.com/wallpaper/175/978/490/video-game-alien-isolation-alien-nostromo-wallpaper-preview.jpg" alt="Image 9">
+        <button onclick="StiahnuťImage('https://c4.wallpaperflare.com/wallpaper/175/978/490/video-game-alien-isolation-alien-nostromo-wallpaper-preview.jpg')">Stiahnuť</button>
+    </div>
+</div>

stranky/index.html

@@ -9,22 +9,91 @@
     <h2 id="Top_Hry">Top Hry</h2>
         <div class="game">
             <h3>1. Witcher 3</h3>
-            <img src="https://mybroadband.co.za/news/wp-content/uploads/2015/05/The-Witcher-3.jpg"
+            <img src="https://mybroadband.co.za/news/wp-content/uploads/2015/05/The-Witcher-3.jpg" download class="download-button"
                 alt="RPG Game 1">
         </div>
         <div class="game">
             <h3>2. Skyrim</h3>
-            <img src="https://pluggedin.ru/images/the-elder-scrolls-v-skyrim-600x400-file.jpg"
+            <img src="https://pluggedin.ru/images/the-elder-scrolls-v-skyrim-600x400-file.jpg" download class="download-button"
                 alt="RPG Game 2">
         </div>
         <div class="game">
             <h3>3. Subnautica</h3>
-            <img src="https://assets-prd.ignimgs.com/montage/2b/2020/10/01/subnautica-button-fin-1601572911886.jpg;/2021/12/14/subnauticabelow0-1639526255123.png"
+            <img src="https://assets-prd.ignimgs.com/montage/2b/2020/10/01/subnautica-button-fin-1601572911886.jpg;/2021/12/14/subnauticabelow0-1639526255123.png" download class="download-button"
                 alt="Survival Game 2">
         </div>
 
 </section>
-<section>
+<section class="INFO">
     <h2 id="Info">Informácie</h2>
         <p>Táto stránka je určená pre hráčov, ktorý hladajú nové hry na hranie, alebo na diskutovanie o hrách.</p>
+    <h3 class="buducnosť">Plány pre budúcnosť</h3>
+        <li>-urobiť učtový systém</li>
+        <li>-expandovať zbierku hier</li>
+        <li>-pomoct ludom ktory sa zaujimaju o hry</li>
+</section>
+<section class="Čo je dobrá hra?">
+    <h2>Kvality dobrej hry</h2>
+    <ul>
+        <li><strong>Plynulé a responzívne ovládanie</strong>
+            <ul>
+                <li>Rýchla a presná odozva na vstupy.</li>
+                <li>Intuitívne a dobre reagujúce ovládacie prvky.</li>
+            </ul>
+        </li>
+        <li><strong>Atraktívna grafika</strong>
+            <ul>
+                <li>Kvalitné a esteticky príjemné obrázky a animácie.</li>
+                <li>Konzistentný a vhodný grafický dizajn.</li>
+            </ul>
+        </li>
+        <li><strong>Optimalizovaný výkon</strong>
+            <ul>
+                <li>Hladký chod na rôznych zariadeniach a prehliadačoch.</li>
+                <li>Optimalizácia kódu pre efektívne využitie systémových zdrojov.</li>
+            </ul>
+        </li>
+        <li><strong>Zaujímavý a zábavný herný mechanizmus</strong>
+            <ul>
+                <li>Jasné ciele a výzvy, ktoré hráča motivujú.</li>
+                <li>Rôzne úrovne obtiažnosti alebo progresu.</li>
+            </ul>
+        </li>
+        <li><strong>Kvalitný zvukový dizajn</strong>
+            <ul>
+                <li>Vhodné a kvalitné zvukové efekty a hudba.</li>
+                <li>Možnosť nastavenia hlasitosti alebo vypnutia zvuku.</li>
+            </ul>
+        </li>
+        <li><strong>Dobrá úroveň interaktivity</strong>
+            <ul>
+                <li>Možnosti interakcie s herným svetom a postavami.</li>
+                <li>Objavovanie nových prvkov alebo tajomstiev.</li>
+            </ul>
+        </li>
+        <li><strong>User-friendly rozhranie</strong>
+            <ul>
+                <li>Jasné a jednoduché rozhranie s potrebnými informáciami.</li>
+                <li>Logické a prehľadné umiestnenie ovládacích prvkov a menu.</li>
+            </ul>
+        </li>
+        <li><strong>Kompatibilita a prístupnosť</strong>
+            <ul>
+                <li>Dostupnosť na rôznych zariadeniach a prehliadačoch.</li>
+                <li>Prístupnosť pre hráčov s rôznymi schopnosťami.</li>
+            </ul>
+        </li>
+        <li><strong>Rýchle načítanie</strong>
+            <ul>
+                <li>Minimalizovanie času načítania.</li>
+                <li>Používanie techník ako lazy loading a optimalizácia veľkosti súborov.</li>
+            </ul>
+        </li>
+        <li><strong>Pravidelné aktualizácie a podpora</strong>
+            <ul>
+                <li>Pravidelné opravy chýb a aktualizácie s novým obsahom.</li>
+                <li>Reakcia na spätnú väzbu od hráčov.</li>
+            </ul>
+        </li>
+    </ul>
 </section>

styly/Quiz.css

@@ -0,0 +1,3 @@
+html, body {
+    background-image: url(https://manybackgrounds.com/images/hd/the-witcher-3-hd-wallpaper-xs5eka2z18lwxu2d.jpg);
+}

styly/Table.css

@@ -0,0 +1,29 @@
+body {
+    background-image: url(https://images6.alphacoders.com/134/thumb-1920-1346530.jpeg)
+}
+
+h1 {
+    text-align: center;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+    background-image: url(https://e1.pxfuel.com/desktop-wallpaper/415/290/desktop-wallpaper-magic-castle.jpg); 
+}
+
+th, td {
+    padding: 8px;
+    border-bottom: 1px solid #ddd;
+    text-align: left;
+}
+
+th {
+    background-color: #007bff;
+    color: #fff;
+}
+
+tbody tr:nth-child(even) {
+    background-color: #f2f2f2;
+}

styly/galeria.css

@@ -0,0 +1,40 @@
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    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 {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+}
+
+.gallery-item {
+    position: relative;
+    text-align: center;
+}
+
+.gallery-item img {
+    width: 100%;
+    height: auto;
+    display: block;
+}
+
+.gallery-item button {
+    margin-top: 5px;
+    padding: 5px 10px;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    cursor: pointer;
+}
+
+.gallery-item button:hover {
+    background-color: #0056b3;
+}

templates/404.html

@@ -1 +1,2 @@
-<h1>TO KDE SI</h1>
+<h1>Ťavislav</h1>
+<img src="https://img.freepik.com/free-photo/joyful-camel-having-fun_23-2151058766.jpg">

templates/header.html

@@ -1,13 +1,16 @@
 <div class="navbar">
-    <div class="logo"><a href="#">GAME HUB</a></div>
+    <div class="logo"><a href="/?">GAME HUB</a></div>
     <div id="dropdown_menu">
         <li><a href="/?index">Domov</a></li>
         <li><a href="/?Hry">Hry</a></li>
-        <li><a href="#Úvod">Úvod</a></li>
-        <li><a href="#Top_Hry">Top Hry</a></li>
-        <li><a href="#Info">Info</a></li>
-        <li><a href="#footer-links">Kontakt</a></li>
+        <li><a href="/?index/Domov">Úvod</a></li>
+        <li><a href="/?index/Top_Hry">Top Hry</a></li>
+        <li><a href="/?index/Info">Info</a></li>
+        <li><a href="/?index/footer-links">Kontakt</a></li>
         <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>