mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
[Feature] Mobile Nav + Burger / CTA on Home
This commit is contained in:
parent
c2c4e509d8
commit
3685f559fd
15 changed files with 307 additions and 503 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue