From 6a0b6d3f729785899016c122305cf3fad811dc0b Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Tue, 15 Apr 2025 17:26:35 +0200
Subject: [PATCH] fix: Add labels and about section

---
 public/i18n/de.json |  3 +++
 public/i18n/en.json |  3 +++
 public/index.html   | 28 +++++++++++++++++++++-------
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/public/i18n/de.json b/public/i18n/de.json
index 9f25ecd..52c6531 100644
--- a/public/i18n/de.json
+++ b/public/i18n/de.json
@@ -11,6 +11,9 @@
   "result": "Ergebnis",
   "number-of-rats": "Anzahl an Ratten",
   "change-language": "Sprache ändern",
+  "about": "Über uns",
+  "imprint": "Impressum",
+  "source-code": "Quellcode",
   "failed-base-area": "Die Mindestgrundfläche des Käfigs muss {{ MINIMUM_BASE_AREA }}m² (also z.B. 100x50cm) betragen.",
   "failed-overall-area": "Die Gesamtfläche im Käfig ist zu klein.",
   "failed-fall-height": "Die mögliche Fallhöhe darf nicht mehr als {{ maximum_fall_height }}cm betragen.",
diff --git a/public/i18n/en.json b/public/i18n/en.json
index 1532f39..edc191e 100644
--- a/public/i18n/en.json
+++ b/public/i18n/en.json
@@ -11,6 +11,9 @@
   "result": "Result",
   "number-of-rats": "Number of Rats",
   "change-language": "Change language",
+  "about": "",
+  "imprint": "Imprint",
+  "source-code": "Source Code",
   "failed-base-area": "The base area of the cage must not be below {{ MINIMUM_BASE_AREA }}m².",
   "failed-overall-area": "The overall area in the cage is to small.",
   "failed-fall-height": "The possible fall height between floors must not be above {{ maximum_fall_height }}cm.",
diff --git a/public/index.html b/public/index.html
index b764c9b..8aa8651 100644
--- a/public/index.html
+++ b/public/index.html
@@ -221,13 +221,27 @@
 
 <script src="./bundle.js"></script>
 
-<div class="footer">
-    <div class="language-switcher">
-        <label aria-hidden="false" style="display: none" data-i18n="change-language"></label>
-        <select data-i18n-switcher class="select" id="locale-switcher">
-            <option value="en">English</option>
-            <option value="de">Deutsch</option>
-        </select>
+<div class="footer" aria-label="Footer">
+    <div class="columns">
+        <div class="column">
+            <div class="language-switcher">
+                <label for="locale-switcher" class="footer-title title label" data-i18n="change-language">Sprache ändern</label>
+                <select data-i18n-switcher class="select" id="locale-switcher">
+                    <option value="en">English</option>
+                    <option value="de">Deutsch</option>
+                </select>
+            </div>
+        </div>
+        <div class="column">
+            <div class="block">
+                <h3 class="footer-title title" data-i18n="about">Über uns</h3>
+                <ul class="footer-links">
+                    <li class="footer-link"><a href="https://vdrd.de/impressum" data-i18n="imprint">Impressum</a></li>
+                    <li class="footer-link"><a href="https://codeberg.org/moanos/rettenrechner" data-i18n="source-code">Quellcode</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
     </div>
 </div>