blob: 155f08d6c622eaa08d4e90d67a8863647ebe0bd3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
{{- $navbar := .Site.Params.navbar }}
{{- $sidebarVisible := .Site.Params.sidebar }}
{{ if .Params.sidebar }}
{{ $sidebarVisible = .Params.sidebar }}
{{ end }}
{{- $navbarLogo := .Site.Params.navbarlogo }}
{{- $navbarLogoWidth := .Site.Params.navbarlogo.width | default 112 }}
{{- $navbarLogoHeight := .Site.Params.navbarlogo.height | default 28 }}
<nav class="navbar is-fresh is-transparent no-shadow" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
{{- if $navbarLogo}}
<a class="navbar-item" href="{{ $navbarLogo.link }}">
<img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
</a>
{{- end}}
{{- if $sidebarVisible }}
<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>
{{- end }}
<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">
{{- if $sidebarVisible }}
<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>
{{- end }}
<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">
{{ .title }}
</span>
</a>
{{- else }}
<a href="{{ .url }}" class="navbar-item is-secondary">
{{ .title }}
</a>
{{- end }}
{{- end }}
</div>
</div>
</div>
</nav>
|
