| <nav class="navbar {% if page.header_style %} {{ page.header_style }} {% else %} is-primary {% endif %}"> |
| <div class="container"> |
| <div class="navbar-brand"> |
| <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}"> |
| <!-- {{ site.title }} --> |
| <img src="{{ site.baseurl }}/assets/images/pegasus-icon.png"> |
| </a> |
| <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu"> |
| <span aria-hidden="true"></span> |
| <span aria-hidden="true"></span> |
| <span aria-hidden="true"></span> |
| </a> |
| </div> |
| <div class="navbar-menu" id="navMenu"> |
| <div class="navbar-start"> |
| {% if site.data.navigation %} |
| {% for item in site.data.navigation %} |
| {% if item.dropdown %} |
| <div class="navbar-item has-dropdown is-hoverable"> |
| <a href="{{ item.link | prepend: site.baseurl }}" |
| class="navbar-link {% if item.link == page.url %}is-active{% endif %}"> |
| {% if item.icon %} |
| <span class="icon" style="margin-right: .25em"> |
| <i class="{{ item.icon }}"></i> |
| </span> |
| {% endif %} |
| <span>{{ item.name }}</span> |
| </a> |
| <div class="navbar-dropdown"> |
| {% for subitem in item.dropdown %} |
| <a href="{{ subitem.link | prepend: site.baseurl }}" |
| class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a> |
| {% endfor %} |
| </div> |
| </div> |
| {% else %} |
| <a href="{{ item.link | prepend: site.baseurl }}" |
| class="navbar-item {% if item.link == page.url %}is-active{% endif %}"> |
| {% if item.icon %} |
| <span class="icon" style="margin-right: .25em"> |
| <i class="{{ item.icon }}"></i> |
| </span> |
| {% endif %} |
| <span>{{ item.name }}</span> |
| </a> |
| {% endif %} |
| {% endfor %} |
| {% endif %} |
| </div> |
| <div class="navbar-end is-hidden-mobile"> |
| <div class="navbar-item navbar-searchbox"> |
| <div class="field"> |
| <div class="control has-icons-right"> |
| <input class="input searchbox-input" type="text" placeholder="Search the docs"> |
| <span class="border"></span> |
| <span class="icon is-right searchbox-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </nav> |
| |
| {% include algolia.html %} |