feat: pure-CSS hamburger menu for public nav (≤640px)

This commit is contained in:
Pontoporeia
2026-04-29 22:12:19 +02:00
parent c27ffafa7e
commit 11f429eb72
2 changed files with 167 additions and 6 deletions

View File

@@ -37,17 +37,37 @@ $_thesisId = $_GET['id'] ?? null;
<?php else: ?>
<input class="menu-btn" type="checkbox" id="menu-btn" name="menu-btn" />
<nav aria-label="Navigation principale">
<div class="nav-left">
<a href="/" class="nav-logo">Xamxam</a>
<ul class="nav-left-links">
<div class="nav-top-row">
<div class="nav-left">
<a href="/" class="nav-logo">Xamxam</a>
<ul class="nav-left-links">
<li>
<a href="/repertoire"
<?= ($_navCurrent === 'repertoire') ? 'aria-current="page"' : '' ?>>Répertoire</a>
</li>
</ul>
</div>
<ul class="nav-right-links">
<li>
<a href="/repertoire"
<?= ($_navCurrent === 'repertoire') ? 'aria-current="page"' : '' ?>>Répertoire</a>
<a href="/licence"
<?= ($_navCurrent === 'licence') ? 'aria-current="page"' : '' ?>>Licences</a>
</li>
<li>
<a href="/apropos"
<?= ($_navCurrent === 'apropos') ? 'aria-current="page"' : '' ?>>À Propos</a>
</li>
</ul>
<label class="menu-icon" for="menu-btn">
<span class="navicon" aria-label="Menu de navigation"></span>
</label>
</div>
<ul class="nav-right-links">
<ul class="nav-mobile-links">
<li>
<a href="/repertoire"
<?= ($_navCurrent === 'repertoire') ? 'aria-current="page"' : '' ?>>Répertoire</a>
</li>
<li>
<a href="/licence"
<?= ($_navCurrent === 'licence') ? 'aria-current="page"' : '' ?>>Licences</a>