Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 11:24:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
docs/_includes/global/header.html Normal file
View File

@@ -0,0 +1,99 @@
<header class="bd-header">
<a class="bulma-logo" href="{{ site.url }}/">
{% include svg/bulma-logo.html %}
</a>
<nav id="js-nav" class="bd-nav">
{% for link_id in site.data.links.navbar %}
{% include global/nav-item.html link_id=link_id %}
{% endfor %}
<div class="bd-nav-icons">
{% for link_id in site.data.links.navbar_icons %}
{% include global/nav-item.html link_id=link_id %}
{% endfor %}
<button class="bd-nav-item is-search is-icon">
<span class="icon">
<i class="fa-solid fa-magnifying-glass fa-lg"></i>
</span>
</button>
<button class="bd-nav-item is-icon is-ellipsis js-burger" data-target="js-more">
<span class="icon">
<i class="fa-solid fa-ellipsis fa-lg"></i>
</span>
</button>
<div id="js-more" class="bd-nav-menu is-more js-menu">
{% for link_id in site.data.links.navbar_more %}
{% include global/nav-item.html link_id=link_id %}
{% endfor %}
</div>
</div>
<a class="button is-primary bd-nav-mobile-download"> Download </a>
</nav>
<div class="bd-nav-themes">
<button id="js-cycle" class="bd-cycle js-burger" data-target="js-themes">
<div class="bd-cycles">
<div class="bd-cycle-sun">
<span class="icon">
<i class="fas fa-lg fa-sun" aria-hidden="true"></i>
</span>
</div>
<div class="bd-cycle-moon">
<span class="icon">
<i class="fas fa-lg fa-moon" aria-hidden="true"></i>
</span>
</div>
</div>
</button>
<div id="js-themes" class="bd-nav-menu is-cycles js-menu js-themes">
<button data-scheme="light" class="bd-nav-item is-sun" aria-label="Light mode">
<span class="icon">
<i class="fas fa-sun" aria-hidden="true"></i>
</span>
<span>Light</span>
</button>
<button data-scheme="dark" class="bd-nav-item is-moon" aria-label="Dark mode">
<span class="icon">
<i class="fas fa-moon" aria-hidden="true"></i>
</span>
<span>Dark</span>
</button>
<button data-scheme="system" class="bd-nav-item is-system" aria-label="System mode">
<span class="icon">
<i class="fas fa-display" aria-hidden="true"></i>
</span>
<span>System</span>
</button>
</div>
</div>
<div class="bd-nav-search">
<button class="bd-nav-item is-search-desktop is-icon js-burger" data-target="js-search">
<span class="icon">
<i class="fa-solid fa-magnifying-glass fa-lg"></i>
</span>
</button>
<div id="js-search" class="bd-nav-menu is-search js-menu">
<input id="form-search" class="input" type="text" placeholder="Search">
</div>
</div>
<a class="button is-primary bd-nav-desktop-download"> Download </a>
<button class="navbar-burger bd-nav-burger js-burger" data-target="js-nav">
<span></span>
<span></span>
<span></span>
<span></span>
</button>
</header>