From 7276be72e9264a21c312c78c4d68b352b5b867f4 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Mon, 11 Oct 2021 21:26:23 -0500
Subject: [PATCH] Add a language switcher bar below the navbar

---
 assets/css/bobastyle.css  |  8 ++++++--
 layouts/partials/top.html | 16 +++++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index ec8b273..1d05555 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -68,12 +68,16 @@
 
 
 /* Navbar formatting */
-#navbar h2 {
+.navbar, .langbar {
+  margin: 5px 0px;
+}
+
+(.navbar, .langbar) h2 {
   color: inherit;
   text-decoration: inherit;
 }
 
-.navbar-item {
+.navbar-item, .langbar-item {
   margin-right: 5px;
 }
 
diff --git a/layouts/partials/top.html b/layouts/partials/top.html
index 9f5a234..d6ea4a7 100644
--- a/layouts/partials/top.html
+++ b/layouts/partials/top.html
@@ -2,7 +2,7 @@
     <a href="{{ "/" | relURL }}">{{ .Site.Title | markdownify }}</a>
 </h2>
 
-<nav id="navbar">
+<nav class="navbar">
     {{ with .Site.GetPage "/" }}
     {{/* if I use relLangURL, then it does /es/es/ instead of /es/ (for example) */}}
     <a class="navbar-item" href="{{ .Permalink | relURL }}">{{ .Title }}</a>
@@ -12,3 +12,17 @@
     <a class="navbar-item" href="{{ .URL }}">{{ .Name }}</a>
     {{ end }}
 </nav>
+
+{{ if .Site.IsMultiLingual }}
+<nav class="langbar">
+    {{ range .Site.Home.AllTranslations }}
+
+    {{ if eq .Language $.Site.Language }}
+    <b><a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></b>
+    {{ else }}
+    <a class="langbar-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+    {{ end }}
+
+    {{ end }}
+</nav>
+{{ end }}