Add language selection menu to navbar

website/layouts/partials/head.html

@@ -8,4 +8,9 @@
     <link rel="apple-touch-icon" href="/apple-touch-icon.png">
     <!-- Place favicon.ico in the root directory -->
     <link rel="stylesheet" href="https://tools-static.wmflabs.org/cdnjs/ajax/libs/font-awesome/5.14.0/css/all.css" crossorigin="anonymous" />
+    {{ if .IsTranslated }}
+        {{ range .Translations }}
+            <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
+        {{ end }}
+    {{ end }}
 </head>

website/layouts/partials/nav.html

@@ -14,6 +14,14 @@
             <li><a href="{{.Site.BaseURL}}/sched">{{i18n "sched"}}</a></li>
             <li><a href="{{.Site.BaseURL}}/projects">{{i18n "projects"}}</a></li>
             <li><a href="{{.Site.BaseURL}}#contact">{{i18n "contact"}}</a></li>
+            {{if .IsTranslated}}
+            <select class="langs">
+                <option onclick="window.location.href = {{.Permalink}}" value="{{.Site.Language}}" selected="selected">{{.Site.Language.LanguageName}}</option>
+                    {{range .Translations}}
+                        <option onclick="window.location.href = {{.Permalink}}" value="{{.Language.Lang}}">{{.Language.LanguageName}}</option>
+                    {{end}}
+                </select>
+            {{end}}
             <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label>
         </ul>
 

website/static/css/style.css

@@ -91,7 +91,10 @@ nav{
 .hide-menu-btn:hover{
     color: #468c9f;
 }
-
+.langs {
+  padding: 5px;
+  background: white;
+}
 #chk{
     position: absolute;
     visibility: hidden;