Barmer Fractal

Header: Reduced 

<header class="o-header js-header-init">

    <div class="header__wrapper">

        <div class="header__logo">
            <a href="/" class="header__homelink"><img src="../../img/barmer-gek-logo.svg" alt="BARMER-Logo" title="BARMER-Logo" class="a-image a-image--logo-barmer">
            </a>
        </div>

        <div class="o-navigation js-navigation-init" id="mainNavigation">
            <div class="navigation__row navigation__row--metanav">
                <nav class="o-navigation__meta" aria-label="Metanavigation">
                    <ul class="m-nav__list nav__list--meta">
                    </ul>

                </nav>

            </div>
        </div>

    </div>

</header>

<div class="header__background js-header-bg"></div>
 
<header class="o-header js-header-init">

	<div class="header__wrapper">

    <div class="header__logo">
		  <a href="/" class="header__homelink">{{render '@image--logo-barmer' merge=true }}</a>
    </div>

    {{^switches.isReduced}}
      <div class="header__actions">
        {{^switches.loggedIn}}{{ render '@button--login-mobile' partials.btnLogin merge=true }}{{/switches.loggedIn}}
        {{#switches.loggedIn}}{{ render '@button--login-with-user-initials-mobile' partials.btnLoggedIn merge=true }}{{/switches.loggedIn}}
        {{ render '@button--search' partials.btnSearch merge=true }}
        {{ render '@button--menu' partials.btnMenu merge=true }}
      </div>

      {{ render '@navigation' partials.navigation merge=true }}
    {{/switches.isReduced}}

    {{#switches.isReduced}}
      {{#if switches.hasAdditional}}
        <div class="header__additional">
          {{render (stringToPartial partials.additional.includedItemType) partials.additional.item merge=true }}
        </div>
      {{else}}
        {{ render '@navigation--reduced' partials.navigation merge=true }}
      {{/if}}
    {{/switches.isReduced}}
	</div>

</header>

{{#if switches.hasHeaderBg}}
  {{ render '@header-background' }}
{{/if}}
 
{
  "switches": {
    "loggedIn": false,
    "hasHeaderBg": true,
    "hasAdditional": false,
    "isReduced": true
  },
  "viewtypes": {},
  "content": {},
  "partials": {
    "btnSearch": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--search-mobile js-search-toggle"
      },
      "content": {
        "ariaControls": "searchPanel"
      },
      "partials": {}
    },
    "btnMenu": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--menu-mobile js-menu-toggle"
      },
      "content": {
        "ariaControls": "mainNavigation"
      },
      "partials": {}
    },
    "navigation": {
      "content": {
        "id": "mainNavigation"
      },
      "partials": {
        "metaNav": {
          "partials": {
            "navList": {
              "switches": {
                "itemCount": 0
              },
              "partials": {
                "navItem": []
              }
            }
          }
        }
      }
    },
    "search": {
      "content": {
        "id": "searchPanel"
      }
    }
  }
}

No notes defined.