DEXUS/GameHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: DEXUS:68f63bd5d6641872d813fd1d65086c26d68da285
Branches Tags
DEXUS:main
...
compare: DEXUS:main
Branches Tags
DEXUS:main

12 Commits
68f63bd5d6 ... main

Author SHA1 Message Date
Adam Šrámek
42d464c809 up 2024-06-06 09:31:13 +02:00
Adam Šrámek
5d17c6bc00 update 2024-06-06 09:26:57 +02:00
Adam Šrámek
c79f3bab3a update 2024-06-06 09:25:02 +02:00
Adam Šrámek
f02399d3b8 update 2024-06-06 09:17:46 +02:00
Adam Šrámek
90d578cc36 update 2024-06-06 09:10:12 +02:00
Adam Šrámek
5f58589713 update 2024-06-06 09:03:37 +02:00
Adam Sramek
c1112d8b21 update 2024-06-05 19:37:23 +02:00
Adam Sramek
4c4fa9c53d update 2024-06-05 19:34:14 +02:00
Adam Sramek
c96e397376 update 2024-06-05 19:08:46 +02:00
Adam Sramek
01f9d588fb update 2024-06-05 19:03:09 +02:00
Adam Sramek
cec93d7fed update 2024-06-05 16:46:00 +02:00
Adam Sramek
9925205e6c update 2024-06-05 16:32:53 +02:00
19 changed files with 343 additions and 53 deletions
Expand all files Collapse all files

8
scripty/galeria.js Normal file
View File

@@ -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);
}

3
scripty/index.js
View File

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

3
scripty/login.js
View File

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

6
stranky/Alien.html
View File

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

6
stranky/COD.html
View File

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

6
stranky/Minecraft.html
View File

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

139
stranky/Quiz.html Normal file
View File

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

6
stranky/SCP.html
View File

@@ -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" download class="download-button">
<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" download class="download-button">
<img width="400" src="https://pbs.twimg.com/media/Fr23CZMWcAITl3a.jpg:large" alt="SCP: Secret Laboratory Screenshot" download class="download-button">
</div>

6
stranky/Skyrim.html
View File

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

6
stranky/Subnautica.html
View File

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

25
stranky/Table.html
View File

@@ -1,13 +1,13 @@
<table>
<thead>
<tr>
<td>Hra</td>
<td>Výzor</td>
<td>Príbeh</td>
<td>Hratelnosť</td>
<td>Cena</td>
<td>Celkovo</td>
<td>Kúpa</td>
<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>
@@ -18,7 +18,7 @@
<td>9,5/10</td>
<td>40€</td>
<td>9/10</td>
<td><button class="Table" onclick="location.href='https://store.steampowered.com/agecheck/app/214490/';"></button><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>
@@ -27,6 +27,7 @@
<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>
@@ -35,6 +36,7 @@
<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>
@@ -43,6 +45,7 @@
<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>
@@ -51,6 +54,7 @@
<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>
@@ -59,6 +63,7 @@
<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>
@@ -67,6 +72,7 @@
<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>
@@ -75,6 +81,7 @@
<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>
@@ -83,7 +90,7 @@
<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>
<!-- Add more rows as needed -->
</tbody>
</table>

6
stranky/Titanfall.html
View File

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

3
stranky/Warthunder.html
View File

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

42
stranky/galeria.html Normal file
View File

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

71
stranky/index.html
View File

@@ -24,7 +24,76 @@
</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>

3
styly/Quiz.css Normal file
View File

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

40
styly/galeria.css Normal file
View File

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

3
templates/404.html
View File

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

12
templates/header.html
View File

@@ -1,14 +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>