bulma/docs/_includes/global/navbar.html

111 lines
4.1 KiB
HTML
Raw Normal View History

2019-10-07 13:54:53 +00:00
<nav id="navbar" class="bd-navbar navbar has-shadow is-spaced">
2018-04-09 20:16:50 +00:00
<div class="container">
2017-07-02 15:52:20 +00:00
<div class="navbar-brand">
<a class="navbar-item" href="{{ site.url }}">
2018-03-26 13:46:39 +00:00
<img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
2017-07-02 15:52:20 +00:00
</a>
2017-06-30 21:34:13 +00:00
2018-04-09 19:19:29 +00:00
<a class="navbar-item is-hidden-desktop" href="{{ site.data.meta.github }}" target="_blank">
2017-07-02 15:52:20 +00:00
<span class="icon" style="color: #333;">
2018-04-10 10:45:48 +00:00
<i class="fab fa-lg fa-github-alt"></i>
2017-07-02 15:52:20 +00:00
</span>
</a>
2017-06-30 21:34:13 +00:00
2018-03-26 13:46:39 +00:00
<a class="navbar-item is-hidden-desktop" href="{{ site.data.meta.twitter }}" target="_blank">
2017-07-02 15:52:20 +00:00
<span class="icon" style="color: #55acee;">
2018-01-10 16:30:23 +00:00
<i class="fab fa-lg fa-twitter"></i>
2017-07-02 15:52:20 +00:00
</span>
2018-04-09 19:19:29 +00:00
</a>
2017-06-30 21:34:13 +00:00
2017-10-26 18:47:48 +00:00
<div id="navbarBurger" class="navbar-burger burger" data-target="navMenu{{ include.id }}">
2017-07-02 15:52:20 +00:00
<span></span>
<span></span>
<span></span>
2017-06-30 21:34:13 +00:00
</div>
2017-07-02 15:52:20 +00:00
</div>
2017-06-30 21:34:13 +00:00
2018-04-09 09:35:44 +00:00
<div id="navMenu{{ include.id }}" class="navbar-menu">
2017-07-02 15:52:20 +00:00
<div class="navbar-start">
2019-05-19 12:14:10 +00:00
<a class="navbar-item bd-navbar-item-documentation {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.url }}{{ site.data.meta.documentation }}">
2018-04-09 00:12:55 +00:00
<span class="icon has-text-primary">
<i class="fas fa-book"></i>
</span>
2018-06-25 08:30:44 +00:00
<span class="is-hidden-touch is-hidden-widescreen">
Docs
</span>
<span class="is-hidden-desktop-only">
2018-06-25 08:30:44 +00:00
Documentation
</span>
2018-04-09 00:12:55 +00:00
</a>
2018-04-09 09:35:44 +00:00
2019-10-05 16:53:41 +00:00
{% for link_id in site.data.links.navbar %}
{% assign link = site.data.links.by_id[link_id] %}
<a class="navbar-item bd-navbar-item-{{ link.id }} {% if page.route == link.id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}/">
<span class="icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
2018-04-09 09:35:44 +00:00
</span>
2018-06-25 08:30:44 +00:00
2019-10-05 16:53:41 +00:00
<span>{{ link.title }}</span>
2018-04-09 09:35:44 +00:00
</a>
{% endfor %}
2017-07-19 21:52:22 +00:00
<div class="navbar-item has-dropdown is-hoverable">
2018-04-10 21:38:00 +00:00
{% assign link = site.data.links.by_id['more'] %}
<a class="navbar-link" href="{{ site.url }}{{ link.path }}">
{{ link.name }}
</a>
2018-06-25 08:30:44 +00:00
2018-04-11 00:38:07 +00:00
<div id="moreDropdown" class="navbar-dropdown">
2018-04-10 21:38:00 +00:00
{% for link_id in site.data.links.more %}
{% assign link = site.data.links.by_id[link_id] %}
2019-10-05 16:53:41 +00:00
<a class="navbar-item {% if page.route == link_id %}is-active{% endif %}" href="{{ site.url }}{{ link.path }}">
2018-04-10 21:38:00 +00:00
<span>
<span class="icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
</span>
<strong>{{ link.name }}</strong>
<br>
{{ link.subtitle }}
</span>
2018-04-09 00:12:55 +00:00
</a>
2018-04-10 21:38:00 +00:00
{% unless forloop.last %}
<hr class="navbar-divider">
{% endunless %}
2018-04-09 00:12:55 +00:00
{% endfor %}
2017-07-19 21:52:22 +00:00
</div>
</div>
2017-07-02 15:52:20 +00:00
</div>
2017-06-30 21:34:13 +00:00
2017-07-02 15:52:20 +00:00
<div class="navbar-end">
2019-10-07 13:54:53 +00:00
<a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.github }}" target="_blank">
2017-08-14 10:26:48 +00:00
<span class="icon" style="color: #333;">
2018-04-10 10:45:48 +00:00
<i class="fab fa-lg fa-github-alt"></i>
2017-08-14 10:26:48 +00:00
</span>
2017-07-02 15:52:20 +00:00
</a>
2018-06-25 08:30:44 +00:00
2019-10-07 13:54:53 +00:00
<a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.twitter }}" target="_blank">
2017-08-14 10:26:48 +00:00
<span class="icon" style="color: #55acee;">
2018-01-10 16:30:23 +00:00
<i class="fab fa-lg fa-twitter"></i>
2017-08-14 10:26:48 +00:00
</span>
2017-07-02 15:52:20 +00:00
</a>
2018-06-25 08:30:44 +00:00
2017-07-02 15:52:20 +00:00
<div class="navbar-item">
2018-01-16 10:36:17 +00:00
<div class="field is-grouped is-grouped-multiline">
2019-10-05 16:53:41 +00:00
<p class="control">
{% include elements/github.html %}
</p>
2018-01-10 11:48:03 +00:00
<p class="control">
2018-04-10 16:33:43 +00:00
{% include elements/patreon.html %}
2018-01-10 11:48:03 +00:00
</p>
2017-07-02 15:52:20 +00:00
<p class="control">
2019-10-12 22:57:31 +00:00
<a class="button is-primary" style="height: 2.25em; padding: calc(.375em - 1px) .75em;" href="{{ site.data.meta.download }}">
2018-04-09 00:12:55 +00:00
<strong>Download</strong>
2017-07-02 15:52:20 +00:00
</a>
</p>
2017-06-30 21:34:13 +00:00
</div>
</div>
</div>
2017-07-02 15:52:20 +00:00
</div>
2018-04-09 20:16:50 +00:00
</div>
2017-07-02 15:52:20 +00:00
</nav>