73 lines
2.9 KiB
HTML
73 lines
2.9 KiB
HTML
{{- $navbar := .Site.Params.navbar }}
|
|
<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
|
|
<div class="container">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://cssninja.io">
|
|
<img src="{{ "/images/logos/fresh-alt.svg" | absURL }}" alt="" width="112" height="28">
|
|
</a>
|
|
|
|
<a class="navbar-item is-hidden-desktop is-hidden-tablet">
|
|
<div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
|
|
<svg width="1000px" height="1000px">
|
|
<path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
|
|
<path class="path2" d="M 300 500 L 700 500"></path>
|
|
<path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
|
|
</svg>
|
|
<button id="menu-icon-trigger" class="menu-icon-trigger"></button>
|
|
</div>
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar-menu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbar-menu" class="navbar-menu is-static">
|
|
|
|
<div class="navbar-start">
|
|
<a class="navbar-item is-hidden-mobile">
|
|
<div id="menu-icon-wrapper" class="menu-icon-wrapper" style="visibility: visible;">
|
|
<svg width="1000px" height="1000px">
|
|
<path class="path1" d="M 300 400 L 700 400 C 900 400 900 750 600 850 A 400 400 0 0 1 200 200 L 800 800"></path>
|
|
<path class="path2" d="M 300 500 L 700 500"></path>
|
|
<path class="path3" d="M 700 600 L 300 600 C 100 600 100 200 400 150 A 400 380 0 1 1 200 800 L 800 200"></path>
|
|
</svg>
|
|
<button id="menu-icon-trigger" class="menu-icon-trigger"></button>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
{{- range $navbar }}
|
|
{{- if .sublinks }}
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link">
|
|
{{ .title }}
|
|
</a>
|
|
|
|
<div class="navbar-dropdown">
|
|
{{- range .sublinks }}
|
|
<a href="{{ .url }}" class="navbar-item">
|
|
{{ .title }}
|
|
</a>
|
|
{{- end }}
|
|
</div>
|
|
</div>
|
|
{{- else if .button }}
|
|
<a href="{{ .url }}" class="navbar-item">
|
|
<span class="button signup-button rounded secondary-btn raised">
|
|
Sign up
|
|
</span>
|
|
</a>
|
|
{{- else }}
|
|
<a href="{{ .url }}" class="navbar-item is-secondary">
|
|
{{ .title }}
|
|
</a>
|
|
{{- end }}
|
|
{{- end }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav> |