fix: Add labels and about section

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.",

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.",

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>