bulma/docs/_includes/navbar.html

194 lines
7.5 KiB
HTML
Raw Normal View History

2017-10-24 11:23:31 +00:00
<nav id="navbar" class="navbar {% if include.fixed %}is-fixed-top has-shadow{% endif %} {% if include.transparent %}is-transparent{% endif %}">
2017-10-24 09:31:45 +00:00
{% if include.has_container %}
<div class="container">
{% endif %}
2017-07-02 15:52:20 +00:00
<div class="navbar-brand">
<a class="navbar-item" href="{{ site.url }}">
<img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
</a>
2017-06-30 21:34:13 +00:00
2017-07-02 15:52:20 +00:00
<a class="navbar-item is-hidden-desktop" href="{{ site.github }}" target="_blank">
<span class="icon" style="color: #333;">
2017-09-09 16:32:12 +00:00
<i class="fa fa-lg fa-github"></i>
2017-07-02 15:52:20 +00:00
</span>
</a>
2017-06-30 21:34:13 +00:00
2017-07-02 15:52:20 +00:00
<a class="navbar-item is-hidden-desktop" href="{{ site.twitter }}" target="_blank">
<span class="icon" style="color: #55acee;">
2017-09-09 16:32:12 +00:00
<i class="fa fa-lg fa-twitter"></i>
2017-07-02 15:52:20 +00:00
</span>
</a>
2017-06-30 21:34:13 +00:00
2017-07-02 16:34:44 +00:00
<div 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
2017-07-02 16:34:44 +00:00
<div id="navMenu{{ include.id }}" class="navbar-menu">
2017-07-02 15:52:20 +00:00
<div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}">
Docs
2017-06-30 21:34:13 +00:00
</a>
2017-07-02 15:52:20 +00:00
<div class="navbar-dropdown {% if include.boxed %}is-boxed{% endif %}">
<a class="navbar-item {% if page.doc-tab == 'overview' %}is-active{% endif %}" href="{{ site.documentation }}">
Overview
2017-06-30 21:34:13 +00:00
</a>
2017-07-02 15:52:20 +00:00
<a class="navbar-item {% if page.doc-tab == 'modifiers' %}is-active{% endif %}" href="{{ site.url }}/documentation/modifiers/syntax/">
Modifiers
</a>
2017-08-14 17:25:14 +00:00
<a class="navbar-item {% if page.doc-tab == 'columns' %}is-active{% endif %}" href="{{ site.url }}/documentation/columns/basics/">
Columns
2017-07-02 15:52:20 +00:00
</a>
2017-08-03 19:46:00 +00:00
<a class="navbar-item {% if page.doc-tab == 'layout' %}is-active{% endif %}" href="{{ site.url }}/documentation/layout/container/">
Layout
</a>
2017-07-17 18:17:57 +00:00
<a class="navbar-item {% if page.doc-tab == 'form' %}is-active{% endif %}" href="{{ site.url }}/documentation/form/general/">
Form
</a>
2017-07-02 15:52:20 +00:00
<a class="navbar-item {% if page.doc-tab == 'elements' %}is-active{% endif %}" href="{{ site.url }}/documentation/elements/box/">
Elements
</a>
2017-07-05 20:14:30 +00:00
{% if site.vernum >= 43 %}
2017-07-02 23:17:42 +00:00
<a class="navbar-item {% if page.doc-tab == 'components' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/breadcrumb/">
Components
</a>
{% else %}
<a class="navbar-item {% if page.doc-tab == 'components' %}is-active{% endif %}" href="{{ site.url }}/documentation/components/card/">
Components
</a>
{% endif %}
2017-07-02 15:52:20 +00:00
<hr class="navbar-divider">
<div class="navbar-item">
2017-07-24 13:44:24 +00:00
<div>
2017-07-29 16:58:13 +00:00
<p class="is-size-6-desktop">
2017-10-07 19:52:39 +00:00
<strong>{{ site.version }}</strong>
2017-07-29 16:58:13 +00:00
</p>
2017-07-24 13:44:24 +00:00
{{#unless site.deprecated}}
<small>
2017-10-16 14:04:54 +00:00
<a class="bd-view-all-versions" href="https://versions.bulma.io/">View all versions</a>
2017-07-24 13:44:24 +00:00
</small>
{{/unless}}
</div>
2017-06-30 21:34:13 +00:00
</div>
</div>
2017-07-02 15:52:20 +00:00
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link {% if page.route == 'blog' %}is-active{% endif %}" href="{{ site.url }}/blog/">
Blog
</a>
<div id="blogDropdown" class="navbar-dropdown {% if include.boxed %}is-boxed{% endif %}" data-style="width: 18rem;">
{% for post in site.posts limit:3 %}
<a class="navbar-item" href="{{ post.url }}">
2017-07-01 17:30:39 +00:00
<div class="navbar-content">
2017-07-02 15:52:20 +00:00
<p>
2017-10-07 19:52:39 +00:00
<small class="has-text-link">{{ post.date | date_to_string }}</small>
2017-07-02 15:52:20 +00:00
</p>
<p>{{ post.title }}</p>
</div>
</a>
{% endfor %}
<a class="navbar-item" href="{{ site.url }}/blog/">
More posts
</a>
<hr class="navbar-divider">
<div class="navbar-item">
<div class="navbar-content">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item">
<strong>Stay up to date!</strong>
2017-06-30 21:34:13 +00:00
</div>
2017-07-02 15:52:20 +00:00
</div>
<div class="level-right">
<div class="level-item">
2017-08-14 11:44:24 +00:00
<a class="button bd-is-rss is-small" href="{{ site.url }}/atom.xml">
2017-07-02 15:52:20 +00:00
<span class="icon is-small">
<i class="fa fa-rss"></i>
</span>
<span>Subscribe</span>
</a>
2017-06-30 21:34:13 +00:00
</div>
</div>
</div>
</div>
</div>
</div>
</div>
2017-07-19 21:52:22 +00:00
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-link">
More
</div>
<div id="moreDropdown" class="navbar-dropdown {% if include.boxed %}is-boxed{% endif %}">
2017-10-17 13:06:45 +00:00
<a class="navbar-item {% if page.route == 'bulma-start' %}is-active{% endif %}" href="{{ site.url }}/bulma-start/">
<p>
<strong>Bulma start</strong>
<br>
<small>A tiny npm package to get started</small>
</p>
</a>
<hr class="navbar-divider">
2017-10-12 16:25:11 +00:00
<a class="navbar-item {% if page.route == 'made-with-bulma' %}is-active{% endif %}" href="{{ site.url }}/made-with-bulma/">
<p>
<strong>Made with Bulma</strong>
<br>
<small>The official community badge</small>
</p>
</a>
2017-10-17 13:06:45 +00:00
<hr class="navbar-divider">
2017-07-19 21:52:22 +00:00
<a class="navbar-item {% if page.route == 'extensions' %}is-active{% endif %}" href="{{ site.url }}/extensions/">
2017-10-12 16:25:11 +00:00
<p>
<strong>Extensions</strong>
<br>
<small>Side projects to enhance Bulma</small>
</p>
2017-07-19 21:52:22 +00:00
</a>
</div>
</div>
2017-07-30 21:27:54 +00:00
<a class="navbar-item {% if page.route == 'expo' %}is-active{% endif %}" href="{{ site.url }}/expo/">
2017-08-31 09:51:43 +00:00
<span class="bd-emoji">⭐️</span>
2017-07-30 21:27:54 +00:00
Expo
</a>
2017-07-30 17:22:13 +00:00
<a class="navbar-item {% if page.route == 'love' %}is-active{% endif %}" href="{{ site.url }}/love/">
2017-08-14 11:44:24 +00:00
<span class="bd-emoji">❤️</span>
2017-07-30 17:22:13 +00:00
Love
</a>
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">
2017-07-30 21:27:54 +00:00
<a class="navbar-item is-hidden-desktop-only" href="{{ site.github }}" target="_blank">
2017-08-14 10:26:48 +00:00
<span class="icon" style="color: #333;">
2017-09-09 16:32:12 +00:00
<i class="fa fa-lg fa-github"></i>
2017-08-14 10:26:48 +00:00
</span>
2017-07-02 15:52:20 +00:00
</a>
2017-07-30 21:27:54 +00:00
<a class="navbar-item is-hidden-desktop-only" href="{{ site.twitter }}" target="_blank">
2017-08-14 10:26:48 +00:00
<span class="icon" style="color: #55acee;">
2017-09-09 16:32:12 +00:00
<i class="fa fa-lg fa-twitter"></i>
2017-08-14 10:26:48 +00:00
</span>
2017-07-02 15:52:20 +00:00
</a>
<div class="navbar-item">
<div class="field is-grouped">
<p class="control">
2017-07-30 17:22:13 +00:00
{% include elements/tw-button.html label="Tweet" %}
2017-07-02 15:52:20 +00:00
</p>
<p class="control">
<a class="button is-primary" href="{{ site.download }}">
<span class="icon">
<i class="fa fa-download"></i>
</span>
<span>Download</span>
</a>
</p>
2017-06-30 21:34:13 +00:00
</div>
</div>
</div>
2017-07-02 15:52:20 +00:00
</div>
2017-10-24 09:31:45 +00:00
{% if include.has_container %}
</div>
{% endif %}
2017-07-02 15:52:20 +00:00
</nav>