offer a language choice at the bottom

2 files changed, 39 insertions, 0 deletions

diff --git a/asset-sources/fietsboek.ts b/asset-sources/fietsboek.ts
index b76b98b..bdd56ef 100644
--- a/asset-sources/fietsboek.ts
+++ b/asset-sources/fietsboek.ts
@@ -52,6 +52,20 @@ function addHandler<K extends keyof GlobalEventHandlersEventMap>(
 }
 
 /**
+ * Handler for when a language is clicked. Sets the cookie to the correct locale.
+ *
+ * @param event - The triggering event.
+ */
+function languageClicked(event: MouseEvent) {
+    let language = (event.target as HTMLElement).getAttribute("data-langcode");
+    document.cookie = "fietsboek_locale=" + language;
+    window.location.reload();
+    event.preventDefault();
+}
+
+addHandler(".language-choice", "click", languageClicked);
+
+/**
  * Handler for when a tag is clicked. Removes the tag from the tag list.
  *
  * @param event - The triggering event.
diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 8e0f001..610e688 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -1,14 +1,39 @@
+html {
+  min-height: 100%;
+}
+
 body {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   color: #101010;
   background: #efefef;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 strong {
   font-weight: 700;
 }
 
+#mainContent {
+  flex: 1;
+}
+
+#siteFooter {
+  padding-bottom: 20px;
+}
+
+#languageChooser {
+  display: flex;
+
+  .language-choice {
+    display: block;
+    margin-right: 20px;
+    text-decoration: none;
+  }
+}
+
 .brand-link {
   text-decoration: none;
 }