jekyll-multiple-languages-plugin compatible language selector for header

_data/home.yml

@@ -12,4 +12,8 @@ modal:
     - '/assets/images/slide-img-2.png'
     - '/assets/images/slide-img-3.png'
     - '/assets/images/slide-img-4.png'
-    - '/assets/images/slide-img-5.png'
+    - '/assets/images/slide-img-5.png'
+
+language_selector:
+  en: English
+  es: Español

_includes/header.html

@@ -6,13 +6,18 @@
           <img src="{{ site.logo }}" alt="Butter App Logo" />
         </a>
         <div class="header-logo-text">
-		<p class="">{{ site.data.home.site_name }}</p>
+          <p class="">{{ site.data.home.site_name }}</p>
         </div>
       </div>
       <div class="header-menu">
         <ul class="header-menu-list ls-40">
-		<li><a href="/en" class="darklink">English</a></li>
-		<li><a href="/es" class="darklink">Español</a></li>
+        {% for lang in site.languages %}
+          {% if forloop.index0 == 0 %}
+            <li><a href="{{ page.url }}" class="darklink">{{ site.data.home.language_selector[lang] }}</a></li>
+          {% else %}
+            <li><a href="/{{ lang }}{{ page.url }}" class="darklink">{{ site.data.home.language_selector[lang] }}</a></li>
+          {% endif %}
+        {% endfor %}
         </ul>
       </div>
     </div>