<hr>
<nav class="nav nav-center">
    <span id="nav-toggle" class="nav-toggle"  onclick="document.getElementById('nav-menu').classList.toggle('is-active');">
      <span></span>
      <span></span>
      <span></span>
    </span>
    <div id="nav-menu" class="nav-left nav-menu">
      <span class="nav-item">
        <a href="{{ "/" | relURL }}">Main</a>
      </span>
      {{ if (.Site.GetPage "page" "about") }}
      <span class="nav-item">
        <a href="{{ "/about" | relURL }}">About</a>
      </span>
      {{ end }}
      {{ if and (.Site.Params.showProjects)  (ne .Page.Section "projects")  }}
      <span class="nav-item">
        <a href="{{ "/projects" | relURL }}">Projects</a>
      </span>
      {{ end }}
      {{ if and (.Site.Params.showBlog)  (ne .Page.Section "blog")  }}
      <span class="nav-item">
        <a href="{{ "/blog" | relURL }}">Blog</a>
      </span>
      {{ end }}
      {{ if (.Site.GetPage "page" "contact") }}
      <span class="nav-item">
        <a href="{{ "/contact" | relURL }}">Contact</a>
      </span>
      {{ end }}
    {{ if .Site.RSSLink }}
      <span class="nav-item">
        <a href="{{ .Site.RSSLink }}"><i class="fa fa-rss"></i></a>
      </span>
    {{ end }}
    </div>
</nav>
<hr>
