{% assign pages = site.pages | where: "show", true %}

<nav class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button class="collapsed navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <!-- Name of the site -->
      <a class="navbar-brand" href="/">
        {{ site.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | truncate: 64 | xml_escape }}
      </a>
    </div>

    <!-- List of pages -->
    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav">
        {% for page in pages %}
          <li>
            <a href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
              {{ page.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
            </a>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
</nav>