aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-pt2021/layouts/partials/header.html
blob: cdeebb9a5adbe5bf42e6e177435e4103f82ec968 (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
87
88
{{- $icon_width := 20 -}}
{{- $icon_height := 20 -}}
<nav class='navbar is-black' role='navigation' aria-label='main navigation'>
  <div class='navbar-brand'>
    <a
      href='/'
      class='navbar-item'
      title='home page'
      aria-label='home page'
    >
      <img
        src='/logo.svg'
        width='37'
        height='28'
        title='home page'
        aria-label='home page'
      />
    </a><!-- navbar-item -->

    <a
      role='button'
      class='navbar-burger'
      aria-label='menu'
      aria-expanded='false'
      data-target='page-menu'
    >
      <span aria-hidden='true'></span>
      <span aria-hidden='true'></span>
      <span aria-hidden='true'></span>
    </a>
  </div>

  <div id='page-menu' class='navbar-menu is-black'>
    <div class='navbar-start'>
      {{- range $.Site.Data.menu.start -}}
        <a
          href='{{.href}}'
          class='navbar-item {{if eq .id $.Params.menu}}has-text-weight-bold{{end}}'
          title='{{.help}}'
          aria-label='{{.help}}'
        >
          {{- if .icon -}}
            <img
              src='{{.icon}}'
              class='menu-icon'
              width='{{$icon_width}}'
              height='{{$icon_height}}'
              title='{{.help}}'
              aria-label='{{.help}}'
            />
          {{- end -}}

          {{- if .name -}}
            {{- .name -}}
          {{- end -}}
        </a><!-- navbar-item -->
      {{- end -}}
    </div><!-- navbar-start -->

    <div class='navbar-end has-text-white'>
      {{- range $.Site.Data.menu.end -}}
        <a
          href='{{.href}}'
          class='navbar-item {{if eq .id $.Params.menu}}is-active{{end}}'
          title='{{.help}}'
          aria-label='{{.help}}'
        >
          {{- if .icon -}}
            <img
              src='{{.icon}}'
              class='menu-icon is-hidden-touch'
              width='{{$icon_width}}'
              height='{{$icon_height}}'
              title='{{.help}}'
              aria-label='{{.help}}'
            />
          {{- end -}}

          {{- if .name -}}
            <span class='is-hidden-desktop'>
              {{- .name -}}
            </span>
          {{- end -}}
        </a><!-- navbar-item -->
      {{- end -}}
    </div><!-- navbar-end -->
  </div><!-- navbar-menu -->
</nav><!-- navbar -->