<nav class=“

<!-- if the page has a light bg declare nav: 'dark' in its front matter -->
{% if page.nav == 'dark' %}
  nav-noscroll-dark
{% else %}
  nav-noscroll
{% endif %}
">
<div class="nav-brand">
  <a href="{{ site.baseurl }}/">
  {% include site-logo.svg %}
  </a>
  {% for social in site.data.socials %}
  <a class="nav-socials nav-{{ social[1].icon }}" href="{{ social[1].url }}{{ social[1].username }}/">
  <i class="fab fa-{{ social[1].icon }}" title="Made Slowly {{ social[1].icon | capitalize }} account"></i>
  </a>
  {% endfor %}
</div>

<ul class="nav-menu">
  <hr class="nav-menu-topbar">
  {% for item in site.data.menu %} {% if item.navbar == 1 %}
  <a href="{{ baseurl }}{{ item.link }}">
  <li class="nav-link">
  {{ item.name }}
  </li>
  </a>
  {% endif %} {% endfor %}
  <li>
    {% for social in site.data.socials %}
    <a class="mob-socials nav-link" href="{{ social[1].url }}{{ social[1].username }}/">
    <i class="fab fa-{{ social[1].icon }}" title="Made Slowly {{ social[1].icon | capitalize }} account"></i>
    </a>
    {% endfor %}
  </li>
</ul>

<div class="burger">
  <div class="burger-line-1"></div>
  <div class="burger-line-2"></div>
  <div class="burger-line-3"></div>
</div>

</nav>