[Add new fav game]

This commit is contained in:
xoy 2025-02-04 17:57:35 +01:00
parent 7941f83f3e
commit f60cafee4b
3 changed files with 15 additions and 1 deletions

View file

@ -1,3 +1,9 @@
div.game-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
div.game-container > a.game {
display: inline-block;
width: calc(460px * 0.8);
@ -6,7 +12,9 @@ div.game-container > a.game {
background-position: center;
background-repeat: no-repeat;
transition: background-size 200ms;
margin: 5px;
}
div.game-container > a.game:hover {
background-size: calc(460px * 0.7) calc(215px * 0.7);
}
@ -33,4 +41,8 @@ div.game-container > a.game.noita {
div.game-container > a.game.sotf {
background-image: url(../media/games/sotf.jpg);
}
div.game-container > a.game.kcd {
background-image: url(../media/games/kcd.jpg);
}

View file

@ -18,12 +18,14 @@
</header>
<main>
<div class="game-container">
<a href="https://www.gog.com/de/game/cyberpunk_2077" target="_blank" class="game cyberpunk2077"></a>
<a href="https://www.gog.com/de/game/cyberpunk_2077" target="_blank" class="game cyberpunk2077"></a>
<a href="https://store.steampowered.com/app/2054970/Dragons_Dogma_2/" target="_blank" class="game dd2"></a>
<a href="https://store.steampowered.com/app/1203620/Enshrouded/" target="_blank" class="game enshrouded"></a>
<a href="https://store.steampowered.com/app/377160/Fallout_4/" target="_blank" class="game fallout4"></a>
<a href="https://store.steampowered.com/app/379430/Kingdom_Come_Deliverance/" target="_blank" class="game kcd"></a>
<a href="https://store.steampowered.com/app/881100/Noita/" target="_blank" class="game noita"></a>
<a href="https://store.steampowered.com/app/1326470/Sons_Of_The_Forest/" target="_blank" class="game sotf"></a>
<a class="game"></a>
</div>
</main>
</body>

BIN
media/games/kcd.jpg Normal file

Binary file not shown.

After

(image error) Size: 45 KiB