{% extends "layout.html" %} {% block header %} <div class="header__top_box"> <div class="header__logo_box"> <a class="header__homelink" href="{{ '/'|url }}" title="Startseite"> {% if '/images/wtf_logo.svg'|asseturl is defined -%} <img class="header__logo" src="{{ '/images/wtf_logo.svg'|asseturl }}" style="height: 7rem;"> {%- endif %} </a> </div> <nav class="header__secondary_nav"> <ul class="secondary_nav__navlist"> {% for alt in get_alts(this) %} {%- if this.alt != alt %} <li class="secondary_nav__navitem"> <a class="secondary_nav__navlink" href="{{ '.'|url(alt=alt) }}">{{ alt|title|upper }}</a> </li> {% endif -%} {% endfor %} <li class="secondary_nav__navitem"> <a class="secondary_nav__navlink" href="https://meta.vebit.xyz">Login</a> </li> </ul> </nav> </div> <div class="header__bg_box"> <nav class="header__primary_nav -logo_header"> <div class="primary_nav__toggle"> <svg viewBox="0 0 100 80" width="32" height="32"> <rect width="100" height="15"></rect> <rect y="30" width="100" height="15"></rect> <rect y="60" width="100" height="15"></rect> </svg> <p>menu</p> </div> <ul class="primary_nav__navlist"> {% for title, mapping in bag("navigation").items() %} {% if mapping.visible|default(true) %} <li class="primary_nav__navitem {%- if this._path == mapping.href or mapping.href != '/' and this.is_child_of(mapping.href) %} -active {%- endif -%} {%- if loop.index == 1 %} -first {%- endif -%} "> <a class="primary_nav__navlink {% if this._path == mapping.href %}-active{% endif %}" href="{{ mapping.href|url }}"> {{ title }} </a> {% if mapping.list_childs %} <ul class="primary_nav__sub_navlist"> {% set sub_menu = mapping['items'].items() %} {% for sub_title, href in sub_menu %} <li class="primary_nav__sub_navitem {%- if this._path == href %} -active{%- endif %}"> <a class="primary_nav__navlink {% if this._path == href %}-active{% endif %}" href="{{ href|url }}"> {{ sub_title }} </a> </li> {% if sub_title == 'Blog' %} {% set children = site.get(href).children %} {% for child in children %} {% if loop.index <= 3 %} <li class="primary_nav__sub_navitem {%- if this._path == href %} -active{%- endif %}"> <a class="primary_nav__navlink {% if this._path == href %}-active{% endif %}" href="{{ child.url_path }}"> {{ child.title }} </a> </li> {% endif %} {% endfor %} {% endif %} {% if sub_title == 'Podcast' %} {% set children = site.get(href).children %} {% for child in children %} {% if loop.index <= 3 %} <li class="primary_nav__sub_navitem {%- if this._path == href %} -active{%- endif %}"> <a class="primary_nav__navlink {% if this._path == href %}-active{% endif %}" href="{{ child.url_path }}"> {{ child.title }} </a> </li> {% endif %} {% endfor %} {% endif %} {% endfor %} </ul> {% endif %} </li> {% endif %} {% endfor %} </ul> </nav> <!-- background for header box - start --> <div class="bg_box__top_bar_left"></div> <div class="bg_box__top_bar_middle"></div> <div class="bg_box__top_bar_right"></div> <div class="bg_box__unicorns"></div> <div class="bg_box__big_bg"></div> <div class="bg_box__bottom_bar_left"></div> <div class="bg_box__bottom_bar_middle"></div> <div class="bg_box__bottom_bar_right"></div> <div class="bg_box__very_bottom_bar"></div> <!-- background for header box - end --> <section class="header__claim"> <!-- TODO: Claims in Lektor editierbar. --> <h2>{{ this.claim_heading }}</h2> {{ this.claim_content }} </section> <section class="header__sub_claim"> <div class="sub_claim__box"> <h2>{{ this.subclaim_heading }}</h2> {{ this.subclaim_content }} </div> <button class="header__button sub_claim__button"> <a class="header__button_link" href={{ this.subclaim_url }}>{{ this.subclaim_address }}</a> </button> </section> </div> {% endblock %}