<!– Navigation –> <nav class=“navbar navbar-inverse navbar-fixed-top”>
<div class="container topnavlinks"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="fa fa-home fa-lg navbar-brand" href="index.html"> <span class="projectTitle"> {{site.topnav_title}}</span></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <!-- entries without drop-downs appear here --> {% for entry in site.data.topnav.topnav %} {% for item in entry.items %} {% if item.external_url %} <li><a href="{{item.external_url}}" target="_blank">{{item.title}}</a></li> {% elsif page.url contains item.url %} <li class="active"><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li> {% else %} <li><a href="{{item.url | remove: "/"}}">{{item.title}}</a></li> {% endif %} {% endfor %} {% endfor %} <!-- entries with drop-downs appear here --> <!-- conditional logic to control which topnav appears for the audience defined in the configuration file.--> {% for entry in site.data.topnav.topnav_dropdowns %} {% for folder in entry.folders %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ folder.title }}<b class="caret"></b></a> <ul class="dropdown-menu"> {% for folderitem in folder.folderitems %} {% if folderitem.external_url %} <li><a href="{{folderitem.external_url}}" target="_blank">{{folderitem.title}}</a></li> {% elsif page.url contains folderitem.url %} <li class="dropdownActive"><a href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a></li> {% else %} <li><a href="{{folderitem.url | remove: "/"}}">{{folderitem.title}}</a></li> {% endif %} {% endfor %} </ul> </li> {% endfor %} {% endfor %} {% if site.feedback_disable == null or site.feedback_disable == false %} {% include feedback.html %} {% endif %} <!--comment out this block if you want to hide search--> <li> <!--start search--> <div id="search-demo-container"> <input type="text" id="search-input" placeholder="{{site.data.strings.search_placeholder_text}}"> <ul id="results-container"></ul> </div> <script src="{{ "assets/js/jekyll-search.js"}}" type="text/javascript"></script> <script type="text/javascript"> SimpleJekyllSearch.init({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), dataSource: '{{ "search.json" }}', searchResultTemplate: '<li><a href="{url}" title="{{page.title | replace: "'", "\"}}">{title}</a></li>', noResultsText: '{{site.data.strings.search_no_results_text}}', limit: 10, fuzzy: true, }) </script> <!--end search--> </li> </ul> </div> </div> <!-- /.container -->
</nav>