<!– Header Start –>

{%- assign default_paths = site.pages | map: “path” -%} {%- assign page_paths = site.header_pages | default: default_paths -%} {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}

<!– Navbar Start –> <nav class=“navbar navbar-expand-lg navbar-dark navbar-togglable fixed-top” id=“mainNav” aria-label=“Main navigation”>

<div class="container">

  {% assign root_url = "/" %}

  <!-- Brand Start -->
  <a class="navbar-brand" rel="start" href="{{root_url | relative_url }}" aria-label="{{ site.title | escape }}">
    <strong>{{ site.title | escape }}</strong>
  </a>
  <!-- Brand End -->

  <!-- Toggler Start -->
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
          aria-expanded="false" aria-label="Toggle navigation">
    <!-- <i class="fas fa-bars"></i> -->
    {% octicon three-bars height:16 fill:"currentColor" %}
  </button>
  <!-- Toggler End -->

  <!-- Collapse Start -->
  <div class="collapse navbar-collapse" id="navbarResponsive">
    <!-- Links Start -->
    <ul class="navbar-nav ms-auto">
      {%- if page.url == root_url -%}
      <li class="nav-item">
        <a class="nav-link active" href="{{ root_url | relative_url }}">Home</a>
      </li>
      {% else %}
      <li class="nav-item">
        <a class="nav-link" href="{{ root_url | relative_url }}">Home</a>
      </li>
      {%- endif -%}

      {%- for path in page_paths -%}
      {%- assign my_page = site.pages | where: "path", path | first -%}

      {%- if my_page.title -%}
      {%- if page.url == my_page.url -%}
      <li class="nav-item">
        <a class="nav-link active" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
      </li>
      {% else %}
      <li class="nav-item">
        <a class="nav-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
      </li>
      {%- endif -%}
      {%- endif -%}
      {%- endfor -%}

      <li class="nav-item menu-icon{%- if page.url == " /" -%} icon-search{%- endif -%}">
        <a class="nav-link" href="{{ 'search' | relative_url }}">
          <i class="fas fa-search"></i>
          <!-- {% octicon search height:16 fill:"currentColor" %} -->
        </a>
      </li>
      <li class="nav-item menu-icon">
        <a class="nav-link" href="{{ 'feed.xml' | relative_url }}">
          <i class="fas fa-rss"></i>
          <!-- {% octicon rss height:16 fill:"currentColor" %} -->
        </a>
      </li>
      <li class="nav-item menu-icon">
        <div class="nav-link theme-button">
          <i class="fas fa-moon"></i>
          <!-- {% octicon moon height:16 fill:"currentColor" %} -->
        </div>
      </li>
    </ul>
    <!-- Links Start -->
  </div>
  <!-- Collapse End -->

</div>

</nav> <!– Navbar End –>

{%- include hero.html -%} <!– Header End –>