Attempted lang toggle completion

Author: massimolipari

_config.yml

@@ -392,6 +392,7 @@ external_links:
 # -----------------------------------------------------------------------------
 
 languages: ["en", "fr"]
+languages_long: ["English", "Français"]
 default_lang: "en"
 exclude_from_localization: ["assets"]
 lang_from_path: true

_includes/header.liquid

@@ -124,9 +124,10 @@
           {% if site.languages.size >= 2 %}
             {% if site.languages.size == 2 %}
               {% if site.active_lang == site.languages.first %}
-                {% assign other_language = site.languages.last %}
+                {% assign default_language = site.languages_long.first %}
+                {% assign other_language = site.languages_long.last %}
               {% else %}
-                {% assign other_language = site.languages.first %}
+                {% assign other_language = site.languages_long.first %}
               {% endif %}
               <li class="nav-item">
                 {% if site.active_lang == site.default_lang %}
@@ -142,7 +143,7 @@
                     {% if site.country_flag %}
                       <span class="fi fi-{{ site.default_lang | split: "-" | last }}"></span>
                     {% else %}
-                      <span id="language">{{ site.default_lang }}</span>
+                      <span id="language">{{ default_language }}</span>
                     {%- endif -%}
                   </a>
                 {% endif %}

_sass/_base.scss

@@ -308,7 +308,7 @@ ul.task-list input[type="checkbox"] {
   #language {
     color: var(--global-text-color);
     border: 1px solid var(--global-text-color);
-    padding: 0.5rem 1rem 0.5rem 1rem;
+    padding: 0.25rem 1rem 0.25rem 1rem;
     border-radius: 3px;
 
     &:hover {