mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
08ef4df2c0
* Add Bulma v9 * Add vendor dependencies * Fix native * Fix sponsors * Add style attribute
97 lines
3.2 KiB
HTML
97 lines
3.2 KiB
HTML
<nav id="navbar" class="bd-navbar navbar">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="{{ site.url }}">
|
|
<img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
|
|
</a>
|
|
|
|
<a class="navbar-item bd-navbar-mobile-icon" href="{{ site.data.meta.github }}" target="_blank">
|
|
<span class="icon" style="color: var(--github);">
|
|
<i class="fab fa-lg fa-github-alt"></i>
|
|
</span>
|
|
</a>
|
|
|
|
<a class="navbar-item bd-navbar-mobile-icon" href="{{ site.data.meta.twitter }}" target="_blank">
|
|
<span class="icon" style="color: var(--twitter);">
|
|
<i class="fab fa-lg fa-twitter"></i>
|
|
</span>
|
|
</a>
|
|
|
|
<div class="navbar-item bd-navbar-mobile-sponsor-icon">
|
|
<a href="{{ site.url }}{{ site.data.links.by_id.become-sponsor.path }}" class="button is-sponsor is-outlined is-small">
|
|
<span class="icon">
|
|
<i class="fas fa-thumbs-up"></i>
|
|
</span>
|
|
<span>Sponsor</span>
|
|
</a>
|
|
</div>
|
|
|
|
<button id="searchIcon" class="navbar-item bd-navbar-search-icon bd-navbar-mobile-icon">
|
|
<span class="icon">
|
|
<i class="fas fa-lg fa-search"></i>
|
|
</span>
|
|
</button>
|
|
|
|
<button id="navbarBurger" class="navbar-burger" data-target="navMenu{{ include.id }}">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div id="navMenu{{ include.id }}" class="navbar-menu">
|
|
{% include global/navbar-start.html id="navbarStartOriginal" version="original" %}
|
|
|
|
<div class="navbar-end">
|
|
<a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.github }}" target="_blank">
|
|
<span class="icon" style="color: var(--github);">
|
|
<i class="fab fa-lg fa-github-alt"></i>
|
|
</span>
|
|
</a>
|
|
|
|
<a class="bd-navbar-icon navbar-item" href="{{ site.data.meta.twitter }}" target="_blank">
|
|
<span class="icon" style="color: var(--twitter);">
|
|
<i class="fab fa-lg fa-twitter"></i>
|
|
</span>
|
|
</a>
|
|
|
|
<div class="navbar-item bd-navbar-sponsor-button is-hidden-desktop">
|
|
<a class="button is-sponsor is-light">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-thumbs-up"></i>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-item bd-navbar-sponsor-button is-hidden-touch">
|
|
<a href="{{ site.url }}{{ site.data.links.by_id.become-sponsor.path }}" class="button is-sponsor is-light">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-thumbs-up"></i>
|
|
</span>
|
|
<span>
|
|
Sponsor
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<button class="navbar-item bd-navbar-search-icon">
|
|
<span class="icon">
|
|
<i class="fas fa-lg fa-search"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="search" class="bd-search">
|
|
<p class="control has-icons-left">
|
|
<input id="algoliaSearch" class="input is-rounded" type="text" placeholder="Search the docs">
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-search"></i>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="bd-navbar bd-is-clone">
|
|
{% include global/navbar-start.html id="navbarStartClone" version="clone" %}
|
|
</div>
|