blog/templates/navbar.html

<header>
    <nav>
        <div class="home-title">
            <a href="/">{{ config.title }}</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>