<!– 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 –>