foo.be/_includes/navigation.html

<nav class="c-navigation {% if site.fixedNav == 'true' %}is-fixed{% endif %}">
  <div class="c-navigation__container u-container">
    <a class="c-navigation__item {% if page.url == '/' %}is-active{% endif %}" href="{{ "/" | prepend: site.baseurl }}">Home</a>
    <a class="c-navigation__item {% if page.url == '/#projects' %}is-active{% endif %}" href="{{ "/#projects" | prepend: site.baseurl }}">Projects</a>
    <a class="c-navigation__item {% if page.url == '/articles/' %}is-active{% endif %}" href="{{ "/articles/" | prepend: site.baseurl }}">Articles</a>
    <a class="c-navigation__item {% if page.url == '/photoblog/' %}is-active{% endif %}" href="{{ "/photoblog/" | prepend: site.url }}">Photography</a>
    <a class="c-navigation__item {% if page.url == '/photoblog/' %}is-active{% endif %}" href="{{ "/art/" | prepend: site.url }}">Art</a>
    <a class="c-navigation__item {% if page.url == '/about/' %}is-active{% endif %}" href="{{ "/about/" | prepend: site.baseurl }}">About</a>
    <a class="c-navigation__item {% if page.url == '/contact/' %}is-active{% endif %}" href="{{ "/contact/" | prepend: site.baseurl }}">Contact</a>
  </div>
</nav>