Show all available languages

Not just languages enabled in the browser. This makes the translations more discoverable.

blog/static/js/main.js

@@ -1,6 +1,4 @@
 window.onload = function() {
-  show_lang_selector();
-
   var container = document.querySelector('#toc-aside');
 
   if (container != null) {
@@ -63,17 +61,3 @@ function toc_scroll_position(container) {
     current_toc_item.classList.add("active");
   }
 }
-
-function show_lang_selector() {
-  var show_lang_selector = false;
-  for (language_selector of document.querySelectorAll('#language-selector li')) {
-    var lang = language_selector.getAttribute("data-lang-switch-to");
-    if (this.navigator.languages.includes(lang)) {
-      language_selector.classList.remove("hidden");
-      show_lang_selector = true
-    }
-  }
-  if (show_lang_selector) {
-    document.querySelector("#language-selector").classList.remove("hidden")
-  }
-}

blog/templates/second-edition/index.html

@@ -77,12 +77,12 @@
 
 {% block after_main %}
 <aside class="page-aside-right">
-    <div class="block hidden" id="language-selector">
+    <div class="block" id="language-selector">
         <h2>Languages</h2>
         <ul>
             <li><a href="/">English (Original)</a></li>
             {% for lang in config.languages %}
-                <li data-lang-switch-to="{{ lang.code }}" class="hidden"><a href="/{{ lang.code }}">{{ lang.code }}</a></li>
+                <li data-lang-switch-to="{{ lang.code }}" class=""><a href="/{{ lang.code }}">{{ lang.code }}</a></li>
             {% endfor %}
         </ul>
     </div>

blog/templates/second-edition/page.html

@@ -103,11 +103,11 @@
 
     <aside class="page-aside-right">
         {% if page.translations -%}
-        <div class="block hidden" id="language-selector">
+        <div class="block" id="language-selector">
             <h2>Other Languages</h2>
             <ul>
                 {%- for translation in page.translations %}
-                <li data-lang-switch-to="{{ translation.lang }}" class="hidden"><a href="{{ translation.permalink | safe }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
+                <li data-lang-switch-to="{{ translation.lang }}" class=""><a href="{{ translation.permalink | safe }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
                 {%- endfor %}
             </ul>
         </div>