wtf-webseite/templates/header_with_logo.html
Stephan d940444fdc Moved navigation to separate block and fixed highlighting of active page.
Highlighting is done via color (orange) and typography (underline) on purpose to make it recognizable even if one can't see colors properly.
2021-04-11 16:08:56 +02:00

56 lines
2.3 KiB
HTML

{% 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">
{% include "blocks/navigation.html" %}
<!-- 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 %}