From 0d4646ee8d210d615cc853b113daedb6ead05320 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 9 Sep 2022 10:26:55 -0400
Subject: [PATCH 1/5] Added dropdown and supporting content

---
 src/layouts/page/white-paper.html | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index 8e6bf7b..7a94b57 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -11,7 +11,7 @@
       margin-bottom: 20px;
     }
   }
-  
+
 </style>
 
 <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto">
@@ -70,6 +70,28 @@
         </div>
       </div>
     </div>
+    <div class="row">
+      <hr>
+      <div class="col">
+        <h4>Our white paper is available in multiple languages</h4>
+        <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
+      </div>
+      <div class="col">
+        <div class="dropdown">
+          <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Choose a Language
+          </button>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">English</a></li>
+            <li><a class="dropdown-item" href="#">Belarusian</a></li>
+            <li><a class="dropdown-item" href="#">German</a></li>
+            <li><a class="dropdown-item" href="#">Indonesian</a></li>
+            <li><a class="dropdown-item" href="#">Korean</a></li>
+            <li><a class="dropdown-item" href="#">Spanish</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
   </div>
 
   <!-- Start PDF -->

From e23b42b90359e42f8022d299b0da2784b4bbfb3a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 9 Sep 2022 11:04:36 -0400
Subject: [PATCH 2/5] Additional styling for dropdown menu

---
 src/layouts/page/white-paper.html | 67 ++++++++++++++++++++++---------
 1 file changed, 49 insertions(+), 18 deletions(-)

diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index 7a94b57..11479ac 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -72,28 +72,59 @@
     </div>
     <div class="row">
       <hr>
-      <div class="col">
-        <h4>Our white paper is available in multiple languages</h4>
-        <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
-      </div>
-      <div class="col">
-        <div class="dropdown">
-          <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Choose a Language
-          </button>
-          <ul class="dropdown-menu">
-            <li><a class="dropdown-item" href="#">English</a></li>
-            <li><a class="dropdown-item" href="#">Belarusian</a></li>
-            <li><a class="dropdown-item" href="#">German</a></li>
-            <li><a class="dropdown-item" href="#">Indonesian</a></li>
-            <li><a class="dropdown-item" href="#">Korean</a></li>
-            <li><a class="dropdown-item" href="#">Spanish</a></li>
-          </ul>
+        <div class="col mb-4 mt-3">
+          <h4>Our white paper is available in multiple languages</h4>
+          <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
+          <div class="dropdown">
+            <button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Choose a Language
+            </button>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" href="#">English</a></li>
+              <li><a class="dropdown-item" href="#">Belarusian</a></li>
+              <li><a class="dropdown-item" href="#">German</a></li>
+              <li><a class="dropdown-item" href="#">Indonesian</a></li>
+              <li><a class="dropdown-item" href="#">Korean</a></li>
+              <li><a class="dropdown-item" href="#">Spanish</a></li>
+            </ul>
+          </div>
         </div>
-      </div>
     </div>
   </div>
 
+  <style>
+
+    .languages{
+      border: 2px solid white;
+      border-radius: 30px;
+      width:240px;
+      background-color:#1C1E21;
+    }
+
+    .languages:hover{
+      background-color:#23282c;
+    }
+
+    .languages:focus{
+      background-color:#1C1E21;
+    }
+
+    .dropdown-menu{
+      width:240px;
+      background-color:#23282c;
+      color:white;
+    }
+
+    .dropdown-item{
+      color:white;
+    }
+
+    .dropdown-item:hover{
+      background-color: #54BAAB;
+    }
+
+  </style>
+
   <!-- Start PDF -->
 
   <div class="container pdf-iframe"

From 49d4def90ac8c4d0ccf68e57622f045847893c2a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 9 Sep 2022 12:56:50 -0400
Subject: [PATCH 3/5] JS to change src of iframe

---
 src/layouts/page/white-paper.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index 11479ac..caef9bb 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -80,18 +80,24 @@
               Choose a Language
             </button>
             <ul class="dropdown-menu">
-              <li><a class="dropdown-item" href="#">English</a></li>
-              <li><a class="dropdown-item" href="#">Belarusian</a></li>
-              <li><a class="dropdown-item" href="#">German</a></li>
-              <li><a class="dropdown-item" href="#">Indonesian</a></li>
-              <li><a class="dropdown-item" href="#">Korean</a></li>
-              <li><a class="dropdown-item" href="#">Spanish</a></li>
+              <li><a class="dropdown-item" onclick="go('')">English</a></li>
+              <li><a class="dropdown-item" onclick="go('')">Belarusian</a></li>
+              <li><a class="dropdown-item" onclick="go('')">German</a></li>
+              <li><a class="dropdown-item" onclick="go('')">Indonesian</a></li>
+              <li><a class="dropdown-item" onclick="go('')">Korean</a></li>
+              <li><a class="dropdown-item" onclick="go('')">Spanish</a></li>
             </ul>
           </div>
         </div>
     </div>
   </div>
 
+  <script>
+  function go(loc) {
+    document.getElementById('wp-iframe').src = loc;
+  }
+  </script>
+
   <style>
 
     .languages{
@@ -129,7 +135,7 @@
 
   <div class="container pdf-iframe"
     style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
-    <iframe src="https://tea.xyz/tea.white-paper.pdf#toolbar=0&navpanes=0&view=fitH" width="100%" height="800px">
+    <iframe id="wp-iframe"src="https://tea.xyz/tea.white-paper.pdf#toolbar=0&navpanes=0&view=fitH" width="100%" height="800px">
     </iframe>
   </div>
 

From 941315f7a8aff69fb9c841833e9e0f26d958f3cc Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 9 Sep 2022 13:26:15 -0400
Subject: [PATCH 4/5] JS now changes "src" in iframe and "href" in mobile
 download btn.

---
 src/layouts/page/white-paper.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index caef9bb..421fc34 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -74,7 +74,7 @@
       <hr>
         <div class="col mb-4 mt-3">
           <h4>Our white paper is available in multiple languages</h4>
-          <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
+          <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages. Select your preferred language from the dropdown menu.</p>
           <div class="dropdown">
             <button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
               Choose a Language
@@ -95,6 +95,7 @@
   <script>
   function go(loc) {
     document.getElementById('wp-iframe').src = loc;
+    document.getElementById('mobile-wp-download').href = loc;
   }
   </script>
 
@@ -149,7 +150,7 @@
             <div style="margin-top:auto; margin-bottom:auto;">
               <p class="text-center">Mobile browsers can be finicky, so please view our white paper via the button
                 below.</p>
-              <a style="display:block; margin-left:auto; margin-right:auto;" class="btn btn-primary mb-3"
+              <a id="mobile-wp-download" style="display:block; margin-left:auto; margin-right:auto;" class="btn btn-primary mb-3"
                 href="https://tea.xyz/tea.white-paper.pdf" role="button">Download our White Paper</a>
             </div>
           </div>

From d535481a9869f0c00a63b6a326de982cbbc6b011 Mon Sep 17 00:00:00 2001
From: Jacob Heider <jacob@tea.xyz>
Date: Mon, 12 Sep 2022 18:32:41 -0400
Subject: [PATCH 5/5] This should work once the Belarusian translation uploaded

Future maintenance will simply be adding new entries to the `versions` array.
---
 lychee.toml                       |  1 +
 src/layouts/page/white-paper.html | 36 ++++++++++++++++++-------------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/lychee.toml b/lychee.toml
index 3ebe568..f1ed770 100644
--- a/lychee.toml
+++ b/lychee.toml
@@ -10,4 +10,5 @@ exclude = [
   "https://www.clarity.ms/tag/",
   "https://www.googletagmanager.com/gtm.js",
   ".*/mailto:.*@.*",
+  "https://tea.xyz/tea.white-paper",
 ]
diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index 421fc34..9c51cde 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -79,25 +79,31 @@
             <button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
               Choose a Language
             </button>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item" onclick="go('')">English</a></li>
-              <li><a class="dropdown-item" onclick="go('')">Belarusian</a></li>
-              <li><a class="dropdown-item" onclick="go('')">German</a></li>
-              <li><a class="dropdown-item" onclick="go('')">Indonesian</a></li>
-              <li><a class="dropdown-item" onclick="go('')">Korean</a></li>
-              <li><a class="dropdown-item" onclick="go('')">Spanish</a></li>
-            </ul>
+            <ul class="dropdown-menu" id="language-selector"></ul>
           </div>
         </div>
+      </div>
     </div>
-  </div>
 
-  <script>
-  function go(loc) {
-    document.getElementById('wp-iframe').src = loc;
-    document.getElementById('mobile-wp-download').href = loc;
-  }
-  </script>
+    <script>
+      const versions = [
+        ['English', ''],
+        ['беларускі', '_be']
+      ];
+
+      document.addEventListener('DOMContentLoaded', function () {
+        for (const lang of versions) {
+
+          $('#language-selector').append("<li><a class=\"dropdown-item\" onclick=\"go(\'" + lang[1] + "')\">" + lang[0] + "</a></li>");
+        }
+      }, false);
+
+      function go(suffix) {
+        const url = 'https://tea.xyz/tea.white-paper' + suffix + '.pdf';
+        document.getElementById('wp-iframe').setAttribute('src', url + '#toolbar=0&navpanes=0&view=fitH');
+        document.getElementById('mobile-wp-download').setAttribute('href', url);
+      }
+    </script>
 
   <style>