[Feature] Mobile Nav + Burger / CTA on Home

This commit is contained in:
0xfff 2016-11-01 02:10:13 +01:00
parent c2c4e509d8
commit 3685f559fd
15 changed files with 307 additions and 503 deletions

View file

@ -9,10 +9,11 @@
{% assign logo-color = include.logo-color %}
{% endif %}
<button class="burger" type="button" data-js-open-menu aria-label="Menu" aria-controls="overlaynavigation" aria-expanded="false"><div class="burger__burger"></div></button>
<header id="top" class="content">
<a href="{{ basenav }}/" class="logo"><img class="logo__img" src="/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a>
<nav class="nav nav--{{ logo-color }}">
<ul class="nav__list">
<li class="nav__item"><a href="{{ basenav }}/" class="nav__link">{% t nav.what-is-dash %}</a></li>
@ -51,7 +52,7 @@
</li>
{% endif %}
<li class="nav__item"><a href="{{ basenav }}" class="nav__link" title="{% t nav.search %}">S</a></li>
<li class="nav__item nav__item--search"><a href="{{ basenav }}" class="nav__link" title="{% t nav.search %}">S</a></li>
</ul>
</nav>

View file

@ -1,6 +1,6 @@
{% include base.html %}
<nav class="overlay-menu">
<nav class="overlay-menu" id="overlaynavigation" aria-hidden="true">
<ul>
<li><a href="{{ basenav }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
@ -9,10 +9,14 @@
<li><a href="{{ basenav }}/community/">{% t nav.community %}</a></li>
<li><a href="{{ basenav }}/blog/">{% t nav.blog %}</a></li>
<li><a href="{{ basenav }}">{% t nav.project %}</a></li>
{% if page.layout != 'post' %}
</ul>
<!-- Secondary Navigation Languages-->
<!-- {% if page.layout != 'post' %}
<ul>
<li><a href="{{ basenav }}{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ basenav }}{{ page.url }}">{% t global.spanish %}</a></li>
</ul>
{% endif %}
</ul>
</nav>
-->
</nav>