8a0f58c053
- #menu-toggle: aria-expanded, aria-controls, aria-label (updated on toggle) - #site-menu: inert when closed (blocks focus + screen readers), removed when open Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
44 lines
No EOL
2 KiB
PHP
44 lines
No EOL
2 KiB
PHP
<aside id="site-menu" aria-label="Menu principal" inert>
|
||
<div class="site-menu__inner">
|
||
<p class="baseline">Index est une ONG d’investigation numérique au service du public,
|
||
de la vérité et de la justice.</p>
|
||
|
||
<form aria-label="Formulaire de recherche" class="search-form">
|
||
<span class="icon"><?= svg('assets/icons/search.svg') ?></span>
|
||
<input type="text" id="search" class="input" placeholder="Rechercher" list="keywords-list">
|
||
<datalist id="keywords-list">
|
||
<?php if ($db = page('database')): ?>
|
||
<?php foreach ($db->keywords()->split() as $keyword): ?>
|
||
<option value="<?= esc($keyword) ?>">
|
||
<?php endforeach ?>
|
||
<?php endif ?>
|
||
</datalist>
|
||
</form>
|
||
|
||
|
||
<nav id="nav-pages">
|
||
<ul>
|
||
<li><a href="<?= page('a-propos')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'About' : 'À propos' ?></a></li>
|
||
<li><a href="<?= page('enquetes')->url() ?>"><?= t('investigations.title') ?></a></li>
|
||
<li><a href="<?= page('dossiers')->url() ?>"><?= t('packages.title') ?></a></li>
|
||
<li><a href="<?= page('impacts')->url() ?>"><?= t('impacts.title') ?></a></li>
|
||
<li><a href="<?= page('news')->url() ?>"><?= t('news.title') ?></a></li>
|
||
<li><a href="<?= page('ressources')->url() ?>"><?= t('resources.title') ?></a></li>
|
||
<li><a href="<?= page('laboratoire')->url() ?>"><?= t('lab.title') ?></a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<nav id="nav-aside">
|
||
<ul>
|
||
<li class="support highlight"><a href="https://soutenir.index.ngo/" target="_blank" rel="noopener"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Support us' : 'Soutenez-nous' ?></a></li>
|
||
<li><a href="<?= page('contact')->url() ?>">Contact</a></li>
|
||
<li><a href="https://shop.index.ngo/" target="_blank" rel="noopener"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Shop' : 'Boutique' ?></a></li>
|
||
<li><a href="<?= page('newsletter')->url() ?>">Newsletter</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
|
||
|
||
<?php snippet('socials') ?>
|
||
</div>
|
||
</aside>
|