index-main/site/snippets/nav.php

<div id="site-menu">
    <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>
</div>