From 2ec0dfcdefb954d9232a0025cafbf1cc426ae7c2 Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Fri, 3 Apr 2020 12:43:13 -0700
Subject: UI tweaks, i18n prep

---
 fatcat_covid19/templates/base.html | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

(limited to 'fatcat_covid19/templates/base.html')

diff --git a/fatcat_covid19/templates/base.html b/fatcat_covid19/templates/base.html
index 3193619..d2ce02e 100644
--- a/fatcat_covid19/templates/base.html
+++ b/fatcat_covid19/templates/base.html
@@ -32,13 +32,14 @@
       <!-- <img class="logo" src="assets/images/logo.png"> -->
       fatcat &nbsp;<span style="color: red;">[COVID-19]</span>
     </a>
-    <a href="{{ url_for("search.page_about") }}" class="item mobile-hide">About</a>
+    <a href="{{ url_for("search.page_about") }}" class="item mobile-hide">{{ _("About") }}</a>
+    <a href="{{ url_for("search.page_sources") }}" class="item mobile-hide">{{ _("Sources") }}</a>
     <div class="right menu">
       <div class="item" style="padding: 0;">
         <form class="" action="/fulltext/search" method="get" role="search" aria-label="Papers">
           <div class="ui transparent inverted icon input">
             <i class="search icon" style="padding-right: 2em;"></i>
-            <input type="text" placeholder="Search Papers..." name="q" style="border: 1px solid #777 !important; padding: 5px !important; width: 15em;">
+            <input type="text" placeholder="{{ _("Search Papers...") }}" name="q" style="border: 1px solid #777 !important; padding: 5px !important; width: 15em;">
           </div>
         </form>
       </div>
@@ -46,11 +47,11 @@
       <!-- language/translate SVG icon -->
       <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzgyIDEwNzhxLTEgMy0xMi41LS41dC0zMS41LTExLjVsLTIwLTlxLTQ0LTIwLTg3LTQ5LTctNS00MS0zMS41dC0zOC0yOC41cS02NyAxMDMtMTM0IDE4MS04MSA5NS0xMDUgMTEwLTQgMi0xOS41IDR0LTE4LjUgMHE2LTQgODItOTIgMjEtMjQgODUuNS0xMTV0NzguNS0xMThxMTctMzAgNTEtOTguNXQzNi03Ny41cS04LTEtMTEwIDMzLTggMi0yNy41IDcuNXQtMzQuNSA5LjUtMTcgNXEtMiAyLTIgMTAuNXQtMSA5LjVxLTUgMTAtMzEgMTUtMjMgNy00NyAwLTE4LTQtMjgtMjEtNC02LTUtMjMgNi0yIDI0LjUtNXQyOS41LTZxNTgtMTYgMTA1LTMyIDEwMC0zNSAxMDItMzUgMTAtMiA0My0xOS41dDQ0LTIxLjVxOS0zIDIxLjUtOHQxNC41LTUuNSA2IC41cTIgMTItMSAzMyAwIDItMTIuNSAyN3QtMjYuNSA1My41LTE3IDMzLjVxLTI1IDUwLTc3IDEzMWw2NCAyOHExMiA2IDc0LjUgMzJ0NjcuNSAyOHE0IDEgMTAuNSAyNS41dDQuNSAzMC41em0tMjA1LTQ4NnEzIDE1LTQgMjgtMTIgMjMtNTAgMzgtMzAgMTItNjAgMTItMjYtMy00OS0yNi0xNC0xNS0xOC00MWwxLTNxMyAzIDE5LjUgNXQyNi41IDAgNTgtMTZxMzYtMTIgNTUtMTQgMTcgMCAyMSAxN3ptNjk4IDEyOWw2MyAyMjctMTM5LTQyem0tMTEwOCA4MDBsNjk0LTIzMnYtMTAzMmwtNjk0IDIzM3YxMDMxem0xMjQxLTMxN2wxMDIgMzEtMTgxLTY1Ny0xMDAtMzEtMjE2IDUzNiAxMDIgMzEgNDUtMTEwIDIxMSA2NXptLTUwMy05NjJsNTczIDE4NHYtMzgwem0zMTEgMTMyM2wxNTggMTMtNTQgMTYwLTQwLTY2cS0xMzAgODMtMjc2IDEwOC01OCAxMi05MSAxMmgtODRxLTc5IDAtMTk5LjUtMzl0LTE4My41LTg1cS04LTctOC0xNiAwLTggNS0xMy41dDEzLTUuNXE0IDAgMTggNy41dDMwLjUgMTYuNSAyMC41IDExcTczIDM3IDE1OS41IDYxLjV0MTU3LjUgMjQuNXE5NSAwIDE2Ny0xNC41dDE1Ny01MC41cTE1LTcgMzAuNS0xNS41dDM0LTE5IDI4LjUtMTYuNXptNDQ4LTEwNzl2MTA3OWwtNzc0LTI0NnEtMTQgNi0zNzUgMTI3LjV0LTM2OCAxMjEuNXEtMTMgMC0xOC0xMyAwLTEtMS0zdi0xMDc4cTMtOSA0LTEwIDUtNiAyMC0xMSAxMDYtMzUgMTQ5LTUwdi0zODRsNTU4IDE5OHEyIDAgMTYwLjUtNTV0MzE2LTEwOC41IDE2MS41LTUzLjVxMjAgMCAyMCAyMXY0MTh6Ii8+PC9zdmc+"
       alt="select language" style="height: 1.5em; filter: invert(100%);">
-      <i class="dropdown icon"></i>
+      <i class="dropdown icon" style="margin-left: 0.2em;"></i>
         <div class="menu">
-          {# TODO #}
-          <a class="item" href="{{ url_for(request.endpoint, lang_code='en') }}">English</a>
-          <a class="item" href="{{ url_for(request.endpoint, lang_code='de') }}">Deutsch</a>
+          {% for lang_code, lang_name in config.SUPPORTED_LANGUAGES.items() %}
+            <a class="item" href="{{ url_for(request.endpoint, lang_code=lang_code) }}">{{ lang_name }}</a>
+          {% endfor %}
         </div>
       </div>
     </div>
@@ -103,9 +104,9 @@
   <div class="ui center aligned container">
     <div class="ui horizontal inverted small divided link list">
       <a class="item" href="https://fatcat.wiki/">fatcat</a>
-      <a class="item" href="/about">About</a>
-      <a class="item" href="/sources">Sources</a>
-      <a class="item" href="https://github.com/bnewbold/covid19-fatcat-wiki/">Code</a>
+      <a class="item" href="/about">{{ _("About") }}</a>
+      <a class="item" href="/sources">{{ _("Sources") }}</a>
+      <a class="item" href="https://github.com/bnewbold/covid19-fatcat-wiki/">{{ _("Code") }}</a>
       <a class="item" href="https://github.com/bnewbold/covid19-fatcat-wiki/tree/{{ config.GIT_REVISION }}"><code>{{ config.GIT_REVISION }}</code></a>
       <a class="item" href="#" style="color: red;"><b>[COVID-19]</b></a>
     </div>
-- 
cgit v1.2.3