UI: enrich hero banner with retro console visuals

This commit is contained in:
Ponte
2026-02-11 20:47:43 +01:00
parent 81d966b64a
commit 39392943ad
8 changed files with 133 additions and 1 deletions

View File

@@ -44,7 +44,7 @@
<main class="app-shell">
<header class="hero">
<div>
<div class="hero-copy">
<p class="eyebrow">Catalogue perso</p>
<h1>Collection Jeux Video</h1>
<p class="subtitle">
@@ -52,6 +52,32 @@
et garde une base propre pour la gestion des prêts et de la cote.
</p>
</div>
<div class="hero-gallery" aria-label="Consoles iconiques">
<figure class="console-visual">
<img src="assets/consoles/ps1.svg" alt="PlayStation 1" />
<figcaption>PS1</figcaption>
</figure>
<figure class="console-visual">
<img src="assets/consoles/snes.svg" alt="Super Nintendo" />
<figcaption>SNES</figcaption>
</figure>
<figure class="console-visual">
<img src="assets/consoles/n64.svg" alt="Nintendo 64" />
<figcaption>N64</figcaption>
</figure>
<figure class="console-visual">
<img src="assets/consoles/megadrive.svg" alt="Mega Drive" />
<figcaption>Mega Drive</figcaption>
</figure>
<figure class="console-visual">
<img src="assets/consoles/dreamcast.svg" alt="Dreamcast" />
<figcaption>Dreamcast</figcaption>
</figure>
<figure class="console-visual">
<img src="assets/consoles/gameboy.svg" alt="Game Boy" />
<figcaption>Game Boy</figcaption>
</figure>
</div>
</header>
<section class="panel platform-panel">