The Navigation Bar

The navbar is managed by two separate files in the _included/2023_data/ folder: header-home.html and header.html. The first one is the navbar that is shown on the main page, the second one is the navbar that is shown on all other subpages. Sometimes it is necessary to change both files, sometimes only one depending on whether you want the change to be reflected on the main page/subpages only.

You can include/exclude items from the navbar by adding them following the code block:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
        <li class="hidden">
            <a href="/"></a> 
        </li>
        ...

Each navbar item is a list item with the syntax:

<li>
    <a href="/<PERMALINK>"> <NAVBAR ITEM NAME> </a>
</li>

for example:

<li>
    <a href="/faq"> FAQ </a>
</li>

The PERMALINK parameter is either the url of the subpage or the id of the section that you want to link. The NAVBAR ITEM NAME is the name that is shown on the navbar. If the permalink does not correspond to a permalink parameter of a subpage in _2023_pages/, the link will not work.