<nav class="navbar navbar-expand-md navbar-dark bg-jovian fixed-top">
    <a class="navbar-brand" href="/index.html">Jovian Hersemeule</a>
    <img class="rounded-circle jovian-toggler" type="button" data-toggle="collapse" data-target="#joviaNav"
         aria-controls="joviaNav"
         aria-expanded="false" aria-label="Dérouler le menu" src="/include/icon/icons8-48-menu-2.png"
         alt="V">
    <div class="collapse navbar-collapse" id="joviaNav">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item $if(category-index)$ active$endif$">
                <a class="nav-link" href="/index.html">
                    <img src="/include/icon/icons8-48-city.png" alt="|">
                    Accueil
                </a>
            </li>
            <li class="nav-item $if(category-cv)$ active$endif$">
                <a class="nav-link" href="/cv/content.html">
                    <img src="/include/icon/icons8-48-parse-from-clipboard.png" alt="|">
                    CV
                </a>
            </li>
            <li class="nav-item dropdown$if(category-projets)$ active$endif$">
                <a class="nav-link dropdown-toggle" href="/projets/content.html" id="dropdown01" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    <img src="/include/icon/icons8-48-code.png" alt="|">
                    Projets
                </a>
                <div class="dropdown-menu" aria-labelledby="dropdown01">
                    <a class="dropdown-item active" href="/projets/content.html">
                        Liste des projets
                    </a>
$if(list)$
                    <div class="dropdown-divider"></div>
                    $^$${ list:item() }
$endif$
                </div>
            </li>
            <li class="nav-item$if(category-contact)$ active$endif$">
                <a class="nav-link" href="/contact/content.html">
                    <img src="/include/icon/icons8-48-secured-letter.png" alt="|">
                    Contact
                </a>
            </li>
        </ul>
    </div>
</nav>
