fipguide.github.io/layouts/partials/menu.html at 12ee99b09fe4fda4901a08278bee320cdbfb043f · fipguide/fipguide.github.io · GitHub

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

{{ $logo := resources.Get "images/logo.svg" }}
<div class="container o-header__wrapper">
  <a id="skip-link" class="o-header__skip-link" href="#content">{{ T "skipToContent" }}</a>
  <a href="/" aria-label="{{ T "home-page-text" }}" class="o-header__logo">
    <img aria-hidden="true" src="{{ $logo.RelPermalink }}" alt="">
  </a>
  <div class="o-header__curtain"></div>
  <div class="o-header__nav container">
    <button class="o-nav__menu-button" title="Menü öffnen" aria-expanded="false" aria-haspopup="true">
      <span>{{ T "menu-open" }}</span>
      {{ partial "icon" "menu" }}
    </button>
    <nav>
      <button class="o-nav__close-button" title="Menü schließen">
        <span>{{ T "menu-close" }}</span>
        {{ partial "icon" "close" }}
      </button>
      <menu>
        <li class="o-header__item">
          <button class="o-header__expand-button" aria-haspopup="true" aria-expanded="false">
            <span>{{ T "countryselection" }}</span>
            {{ partial "icon" "keyboard_arrow_down" }}
          </button>
          <h2 id="menu-country-list">{{ T "country" }}</h2>
          <menu class="o-header__item-countries" aria-describedby="menu-country-list">
            {{ range  where site.RegularPages "Section" "country"}}
            <li class="o-header__item">
              <a href="{{ .Permalink }}">{{ .Title }}</a>
            </li>
            {{ end }}
          </menu>
        </li>
        <li class="o-header__item">
          <h2 id="menu-general-list">{{ T "general" }}</h2>
          <ul aria-describedby="menu-general-list">
            {{ $news := site.GetPage "news" }}
            {{ if $news }}
            <li class="o-header__item">
              <a href="{{ $news.RelPermalink }}">{{ $news.Title }}</a>
            </li>
            {{ end }}
            {{ $informationPage := site.GetPage "generalInformation" }}
            {{ if $informationPage }}
            <li class="o-header__item">
              <a href="{{ $informationPage.RelPermalink }}">{{ $informationPage.Title }}</a>
            </li>
            {{ end }}
          </ul>
        </li>
      </menu>
    </nav>
  </div>
</div>