index-main/site/snippets/nav.php

<div id="site-menu">
<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('packages')->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><a href="<?= page('contact')->url() ?>">Contact</a></li>
        <li><a href="<?= page('newsletter')->url() ?>">Newsletter</a></li>
        <li class="support highlight"><a href="#">Soutenez-nous</a></li>
    </ul>
</nav>

<nav id="nav-legal">
    <ul>
        <li><a href="<?= page('mentions-legales')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Legal notices' : 'Mentions légales' ?></a></li>
        <li><a href="<?= page('politique-de-confidentialite')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Privacy policy' : 'Politique de confidentialité' ?></a></li>
    </ul>
</nav>

<?php snippet('socials') ?>
</div>