site/_src/_includes/menu-main.html

60 lines
2.7 KiB
HTML

<nav class="menu menu--main">
<div class="row row--wide">
<div class="grid grid--full grid-medium--columns grid--center">
<div class="grid__col grid__col--2">
<a class="menu__logo" href="/">
<svg class="logo logo--sm logo--white--green" aria-labelledby="title">
<title>Logo</title>
<use xlink:href="/assets/img/sprite.svg#logo"></use>
</svg>
</a>
{% if site.hiring == true %}
<a class="menu__hiring" href="https://github.com/bigchaindb/org/tree/master/archive/jobs" rel="external">
<svg class="icon icon--suitcase"><use xlink:href="/assets/img/sprite.svg#icon-suitcase"></use></svg>
We're hiring!
</a>
{% endif %}
</div>
<div class="grid__col grid__col--4">
{% for link in site.data.menus.main %}
{% assign active = nil %}
{% if page.url contains link.url %}
{% assign active = 'active' %}
{% endif %}
{% if link.items %}
<div class="dropdown dropdown--hover">
<a class="menu__link {{ active }} js-tracking-menu dropdown-toggle"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
id="dropdownMenuButton"
href="{{ link.url }}">{{ link.title }}
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for item in link.items %}
{% assign active = nil %}
{% if page.url contains item.url %}
{% assign active = 'active' %}
{% endif %}
<a class="dropdown-item {{ active }}" href="{{ item.url }}" {% if item.external %}rel="external"{% endif %}>
{{ item.title }}
</a>
{% endfor %}
</div>
</div>
{% else %}
<a class="menu__link {{ active }} js-tracking-menu" href="{{ link.url }}">{{ link.title }}</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</nav>