From 8ff09b3a62c971919ba881b2661980b848b1cf99 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Mon, 17 Feb 2020 14:51:51 +0100
Subject: [PATCH] Add hidden language selector to front page and post pages

---
 blog/static/css/main.css                 |  4 ++++
 blog/templates/second-edition/index.html | 10 +++++++++-
 blog/templates/second-edition/page.html  | 11 +++++++++++
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/blog/static/css/main.css b/blog/static/css/main.css
index 39ae0947..f65a5807 100644
--- a/blog/static/css/main.css
+++ b/blog/static/css/main.css
@@ -421,3 +421,7 @@ details summary h3, details summary h4, details summary h5, details summary h6 {
   display: inline-block;
   margin-left: 16px;
 }
+
+.hidden {
+  display: none;
+}
diff --git a/blog/templates/second-edition/index.html b/blog/templates/second-edition/index.html
index 0eae04e2..275ff4de 100644
--- a/blog/templates/second-edition/index.html
+++ b/blog/templates/second-edition/index.html
@@ -115,7 +115,15 @@
             </p>
         </div>
     </div>
-
+    <div class="block hidden" id="language-selector">
+        <h2>Language</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>
+            {% endfor %}
+        </ul>
+    </div>
 </aside>
 
 {% endblock after_main %}
diff --git a/blog/templates/second-edition/page.html b/blog/templates/second-edition/page.html
index 966113b3..f78c9a0d 100644
--- a/blog/templates/second-edition/page.html
+++ b/blog/templates/second-edition/page.html
@@ -89,4 +89,15 @@
         {{ macros::utterances() }}
     </section>
 
+    <aside class="page-aside-right">
+        <div class="block hidden" 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 }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
+                {% endfor %}
+            </ul>
+        </div>
+    </aside>
+
 {% endblock after_main %}