/_includes/masthead.html

https://github.com/Plailect/Guide · HTML · 71 lines · 53 code · 0 blank · 18 comment · 0 complexity · 3eb99c75fd3ac1bf6dfa42141ad8325d MD5 · raw file

  1. <div class="masthead">
  2. <div class="masthead__inner-wrap">
  3. <div class="masthead__menu">
  4. <nav id="site-nav" class="greedy-nav">
  5. <ul class="visible-links">
  6. {% assign split_path = page.path | split: "/" %}
  7. {% assign locale = split_path[1] %}
  8. {% assign titles = site.data.navigation[locale].main %}
  9. {% if locale == 'en_US' %}
  10. {% assign locale_var = '/' %}
  11. {% else %}
  12. {% assign locale_var = locale | prepend:'/' | append:'/' %}
  13. {% endif %}
  14. {% for link in site.data.navigation[locale].main %}
  15. {% if link.url == "/" %}
  16. <li class="masthead__menu-item masthead__menu-item--lg"><a href="{{ domain }}{{ locale_var }}">{{ link.title }}</a></li>
  17. {% else %}
  18. <li class="masthead__menu-item"><a href="{{ domain }}{{ locale_var }}{{ link.url }}">{{ link.title }}</a></li>
  19. {% endif %}
  20. {% endfor %}
  21. </ul>
  22. <ul class="hidden-links links-menu hidden"></ul>
  23. <ul class="hidden-links lang-menu hidden">
  24. {% assign split_url = page.url | split: "/" %}
  25. {% if split_url.size == 3 %}
  26. {% assign langless_url = split_url[2] %}
  27. {% else %}
  28. {% assign langless_url = split_url[1] %}
  29. {% endif %}
  30. {% if langless_url == "index.html" %}
  31. {% assign langless_url = "" %}
  32. {% endif %}
  33. <li class="masthead__menu-item"><a href="{{ site.url }}/{{ langless_url }}">English</a></li>
  34. <li class="masthead__menu-item"><a href="{{ site.url }}/es_ES/{{ langless_url }}">Español</a></li>
  35. <li class="masthead__menu-item"><a href="{{ site.url }}/de_DE/{{ langless_url }}">Deutsch</a></li>
  36. <li class="masthead__menu-item"><a href="{{ site.url }}/fr_FR/{{ langless_url }}">Français</a></li>
  37. <li class="masthead__menu-item"><a href="{{ site.url }}/it_IT/{{ langless_url }}">Italiano</a></li>
  38. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/nl_NL/{{ langless_url }}">Nederlands</a></li> -->
  39. <li class="masthead__menu-item"><a href="{{ site.url }}/pt_BR/{{ langless_url }}">Português do Brasil</a></li>
  40. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/pt_PT/{{ langless_url }}">Português (Portugal)</a></li> -->
  41. <li class="masthead__menu-item"><a href="{{ site.url }}/ru_RU/{{ langless_url }}">Русский</a></li>
  42. <li class="masthead__menu-item"><a href="{{ site.url }}/zh_CN/{{ langless_url }}">简体中文</a></li>
  43. <li class="masthead__menu-item"><a href="{{ site.url }}/zh_TW/{{ langless_url }}">繁體中文</a></li>
  44. <li class="masthead__menu-item"><a href="{{ site.url }}/pl_PL/{{ langless_url }}">Polski</a></li>
  45. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/tr_TR/{{ langless_url }}">Türkçe</a></li> -->
  46. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/vi_VN/{{ langless_url }}">Tiếng Việt</a></li> -->
  47. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/ca_ES/{{ langless_url }}">Català</a></li> -->
  48. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/el_GR/{{ langless_url }}">Ελληνικά</a></li> -->
  49. <li class="masthead__menu-item"><a href="{{ site.url }}/he_IL/{{ langless_url }}">עברית</a></li>
  50. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/sv_SE/{{ langless_url }}">Svenska</a></li> -->
  51. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/ko_KR/{{ langless_url }}">한국어</a></li> -->
  52. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/no_NO/{{ langless_url }}">Norsk</a></li> -->
  53. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/ja_JP/{{ langless_url }}">日本語</a></li> -->
  54. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/ar_SA/{{ langless_url }}">اللغة العربية</a></li> -->
  55. <li class="masthead__menu-item"><a href="{{ site.url }}/hu_HU/{{ langless_url }}">Magyar</a></li>
  56. <li class="masthead__menu-item"><a href="{{ site.url }}/ro_RO/{{ langless_url }}">Română</a></li>
  57. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/sr_SP/{{ langless_url }}">Српски</a></li> -->
  58. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/af_ZA/{{ langless_url }}">Afrikaans</a></li> -->
  59. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/ms_MY/{{ langless_url }}">Bahasa Melayu</a></li> -->
  60. <li class="masthead__menu-item"><a href="{{ site.url }}/fi_FI/{{ langless_url }}">Suomi</a></li>
  61. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/da_DK/{{ langless_url }}">Dansk</a></li> -->
  62. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/uk_UA/{{ langless_url }}">Українська</a></li> -->
  63. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/cs_CZ/{{ langless_url }}">Čeština</a></li> -->
  64. <!-- <li class="masthead__menu-item"><a href="{{ site.url }}/en_PT/{{ langless_url }}">Pirate English</a></li> -->
  65. </ul>
  66. <button class="navsel"><div class="navicon"></div></button>
  67. <button class="langsel"><div class="langicon"><i class="fa fa-language fa-lg" aria-hidden="true"></i></div></button>
  68. </nav>
  69. </div>
  70. </div>
  71. </div>