UI: enrich hero banner with retro console visuals
This commit is contained in:
28
index.html
28
index.html
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user