dash-website/_includes/nav-desktop.html
2017-07-02 10:34:29 +08:00

67 lines
4.1 KiB
HTML

{% include base.html %}
<!--
To change the logo color, pass the parameter in the include.
include nav-desktop.html logo-color="blue"
-->
{% assign logo-color = 'white' %}
{% if include.logo-color %}
{% 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 }}/get-dash/" class="nav__link">{% t nav.get-dash %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/merchants/" class="nav__link">{% t nav.merchants %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/network/" class="nav__link">{% t nav.currency %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/community/" class="nav__link">{% t nav.community %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/team" class="nav__link">{% t nav.team %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/blog/" class="nav__link">{% t nav.blog %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/evolution/" class="nav__link">{% t nav.evolution %}</a></li>
{% if page.layout != 'post' %}
<li class="nav__item nav__item--languages">
<a href="#" class="nav__link" style="text-transform:uppercase;"><span class="flag {% if 'en' == site.lang %}gb{% else %}{{site.lang}}{% endif %}"></span></a>
<ul class="nav__sublist">
<!-- TODO: dynamically generate this list -->
<li class="nav__subitem">
<a href="{{ page.url }}" class="nav__link {% if site.lang == 'en' %}is-active{% endif %}">English <span class="flag gb"></span></a>
</li>
<li class="nav__subitem">
<a href="/es{{ page.url }}" class="nav__link {% if site.lang == 'es' %}is-active{% endif %}">Español <span class="flag es"></span></a>
</li>
<li class="nav__subitem">
<a href="/fr{{ page.url }}" class="nav__link {% if site.lang == 'fr' %}is-active{% endif %}">Français <span class="flag fr"></span></a>
</li>
<li class="nav__subitem">
<a href="/pt{{ page.url }}" class="nav__link {% if site.lang == 'pt' %}is-active{% endif %}">Portugese <span class="flag pt"></span></a>
</li>
<!--<li class="nav__subitem">-->
<!-- <a href="/it{{ page.url }}" class="nav__link {% if site.lang == 'it' %}is-active{% endif %}">Italiano <span class="flag it"></span></a>-->
<!--</li>-->
<li class="nav__subitem">
<a href="/cn{{ page.url }}" class="nav__link {% if site.lang == 'cn' %}is-active{% endif %}">简体中文 <span class="flag cn"></span></a>
</li>
<li class="nav__subitem">
<a href="/ru{{ page.url }}" class="nav__link {% if site.lang == 'ru' %}is-active{% endif %}">Русский <span class="flag ru"></span></a>
</li>
<li class="nav__subitem">
<a href="/jp{{ page.url }}" class="nav__link {% if site.lang == 'jp' %}is-active{% endif %}">日本語 <span class="flag jp"></span></a>
</li>
<li class="nav__subitem">
<a href="/kr{{ page.url }}" class="nav__link {% if site.lang == 'kr' %}is-active{% endif %}">한국어<span class="flag kr"></span></a>
</li>
</ul>
</li>
{% endif %}
<!-- <li class="nav__item nav__item--search"><a href="{{ basenav }}" class="nav__link" title="{% t nav.search %}">S</a></li> -->
</ul>
</nav>
</header>