<header>
    <nav>
        <div class="home-title">
            <a href="/">
                <picture>
                    <source srcset="/logos/banniere-dark.svg" media="(prefers-color-scheme: dark)">
                    <img src="/logos/banniere-light.svg">
                </picture>
            </a>
        </div>
        <div class="nav-bar">
            <ul class="nav-links">
                <li>
                    <a href="{{ get_url(path='@/articles/_index.md') }}">Articles</a>
                </li>
                <li>
                    <a href="{{ get_url(path='@/a-propos.md') }}">À propos</a>
                </li>
                <li class="menu-icons-container">
                    <ul class="menu-icons-group">
                        <li>
                            <div role="button" class="search-button menu-icon">
                                <span></span>
                            </div>
                        </li>
                        <li>
                            <div role="button" class="theme-switch-button menu-icon">
                                <span>󰔎</span>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</header>