feat: added support for navigation menu dropdown (#344)

Kris - The Coding Unicorn

23.11.2022 6c55d4282e1e460afb56a19e70058f05d738e85d

 layouts/partials/navbar.html

@@ -15,38 +15,82 @@
  <nav class="nav">
    <ul class="nav__list" id="navMenu">
      {{ $url := .RelPermalink }}
      {{ $current := . }}
      {{ range .Site.Menus.main }}
        {{ $active := eq $url .URL }}
        <li class="nav__list-item">
          <a
            {{ if $active }}
              class="nav__link--active"
        {{ if .HasChildren }}
          <li class="nav__list-item">
            <div class="optionswitch">
              <input class="optionswitch__picker" type="checkbox" id="menuoptionpicker" hidden />
              <label
                {{ range .Children }}
                  {{ if in $current.RelPermalink .URL }}
                    class="optionswitch__label nav__link--active"

            {{ end }}
            href="{{ .URL }}"
            {{ if strings.HasPrefix .URL "http" }}
              target="_blank" rel="noopener noreferrer"
                  {{ else }}
                    class="optionswitch__label"

            {{ end }}
            title="{{ .Title }}"
            >{{ .Name }}</a
          >
        </li>
                  {{ end }}


                {{ end }}
                for="menuoptionpicker"
                >{{ .Name }} <i class="fa fa-angle-down" aria-hidden="true"></i
              ></label>
              <div class="optionswitch__triangle"></div>
              <ul class="optionswitch__list">
                {{ range .Children }}
                  <li class="optionswitch__list-item">
                    <a
                      href="{{ .URL }}"
                      {{ if strings.HasPrefix .URL "http" }}
                        target="_blank" rel="noopener noreferrer"

                      {{ end }}
                      title="{{ .Title }}"
                      >{{ .Name }}</a
                    >
                  </li>

                {{ end }}
              </ul>
            </div>
          </li>

        {{ else }}
          <li class="nav__list-item">
            <a
              {{ if $active }}
                class="nav__link--active"

              {{ end }}
              href="{{ .URL }}"
              {{ if strings.HasPrefix .URL "http" }}
                target="_blank" rel="noopener noreferrer"

              {{ end }}
              title="{{ .Title }}"
              >{{ .Name }}</a
            >
          </li>

        {{ end }}


      {{ end }}
    </ul>
    <ul class="nav__list nav__list--end">
      {{ if and .IsTranslated .Site.IsMultiLingual }}
        <li class="nav__list-item">
          <div class="languageswitch">
            <input class="languageswitch__picker" type="checkbox" id="languagepicker" hidden />
            <label class="languageswitch__label" for="languagepicker"
          <div class="optionswitch">
            <input class="optionswitch__picker" type="checkbox" id="languagepicker" hidden />
            <label class="optionswitch__label" for="languagepicker"
              >{{ .Site.Language.LanguageName }} <i class="fa fa-angle-down" aria-hidden="true"></i
            ></label>
            <div class="languageswitch__triangle"></div>
            <ul class="languageswitch__list">
            <div class="optionswitch__triangle"></div>
            <ul class="optionswitch__list">
              {{ range $.Translations }}
                <li class="languageswitch__list-item">
                <li class="optionswitch__list-item">
                  <a href="{{ .RelPermalink }}" title="{{ .Language.LanguageName }}"
                    ><span
                      {{ if eq . $.Site.Language }}