joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(Update) Navigation: Add basic language menu / Refactor markup structure

Browse source
This commit is contained in:
0xfff 2016-09-09 16:13:03 +02:00
parent aaef5715db
commit cea60c5c6e
7 changed files with 112 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

52
_includes/nav-desktop.html
View file

@ -1,7 +1,7 @@
{% include base.html %}
<!--
To change the logo color, pass the parameter in the include.
<!--
To change the logo color, pass the parameter in the include.
include nav-desktop.html logo-color="blue"
-->
{% assign logo-color = 'white' %}
@ -10,22 +10,44 @@
{% endif %}
<header id="top" class="content">
<a href="#" class="logo"><img src="{{ base }}/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a>
<a href="{{ basenav }}/" class="logo"><img class="logo__img" src="{{ base }}/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a>
<nav>
<ul>
<li><a href="{{ basenav }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
<li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li>
<li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li>
<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>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="{{ basenav }}/" class="nav__link">{% t nav.what-is-dash %}</a></li>
<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 }}/participate/" class="nav__link">{% t nav.participate %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/currency/" 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 }}/blog/" class="nav__link">{% t nav.blog %}</a></li>
<li class="nav__item"><a href="{{ basenav }}" class="nav__link">{% t nav.project %}</a></li>
<li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ base }}/es{{ page.url }}">{% t global.spanish %}</a></li>
<li class="nav__item nav__item--languages">
<a href="#" class="nav__link">{{ site.lang }}</a>
<ul class="nav__sublist">
<!-- TODO: dynamically generate this list -->
<li class="nav__subitem">
<a href="{{ base }}{{ page.url }}" class="nav__link {% if site.lang == 'en' %}is-active{% endif %}">{% t global.english %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/es{{ page.url }}" class="nav__link {% if site.lang == 'es' %}is-active{% endif %}">{% t global.spanish %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/pt{{ page.url }}" class="nav__link {% if site.lang == 'pt' %}is-active{% endif %}">{% t global.portugese %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/it{{ page.url }}" class="nav__link {% if site.lang == 'it' %}is-active{% endif %}">{% t global.italian %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/cn{{ page.url }}" class="nav__link {% if site.lang == 'cn' %}is-active{% endif %}">{% t global.chinese %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/ru{{ page.url }}" class="nav__link {% if site.lang == 'ru' %}is-active{% endif %}">{% t global.russian %}</a>
</li>
</ul>
</li>
<li><a href="{{ basenav }}" title="{% t nav.search %}">S</a></li>
<li class="nav__item"><a href="{{ basenav }}" class="nav__link" title="{% t nav.search %}">S</a></li>
</ul>
</nav>