-
Jakob Görgen authoredJakob Görgen authored
header.html 2.24 KiB
<header id="mainheader">
<nav id="navbar">
<div class="navcontainer">
<a class="brand-logo" href="{{ site.baseurl }}/">
<img src="/assets/images/simbricks_logo.svg" alt="SimBricks Logo" id="logo"/>
</a>
<button id="navbutton">=</button>
<script type="text/javascript">
$(document).ready(function(){
$('#navbutton').click(function(){
$('ul.l1').toggleClass("l1-active");
});
});
</script>
<ul class="l1">
{% for p in site.data.navigation.nav %}
{%- capture li_id -%}submenu-{{ forloop.index }}{%- endcapture -%}
{%- if page.permalink == p.link || p.link == "/" -%}
<li id="{{li_id}}" class="current-l1">
{%- else %}
<li id="{{li_id}}">
{%- endif %}
{%- if p.children -%}
{{ p.title }}
<button class="collapse-children"
onclick="navCollapseChildren('{{li_id}}')">∧
</button><button class="expand-children"
onclick="navExpandChildren('{{li_id}}')">∨</button>
<ul class="l2">
{% for sp in p.children %}
{%- if page.permalink == sp.link -%}
<li class="current-l2">
{%- else -%}
<li>
{%- endif -%}
<a class="l2" href="{{ site.baseurl }}{{ sp.link }}"
title="{{ sp.title }}">{{ sp.title }}</a>
</li>
</li>
{% endfor %}
</ul>
{%- else %}
<a class="l1" href="{{ site.baseurl }}{{ p.link }}"
title="{{ p.title }}">{{ p.title }}</a>
{%- endif %}
</li>
{% endfor %}
<li class="github-stars">
<div class="github-button">
<a class="github-button" href="https://github.com/simbricks/simbricks"
data-size="large" data-show-count="true"
aria-label="Star SimBricks on GitHub"></a>
</div>
</li>
<li class="meeting-button">
<a href="{{ site.baseurl }}/booking/co-founder"
title="Talk to a Co-Founder">Talk to a Co-Founder</a>
</li>
<li class="demo-button">
<a href="{{ site.baseurl }}/demo/"
title="Try SimBricks Now">Try SimBricks Now</a>
</li>
</ul>
</div>
</nav>
</header>