feat: restrict logo size

public/i18n/de.json

@@ -11,6 +11,15 @@
   "result": "Ergebnis",
   "number-of-rats": "Anzahl an Ratten",
   "change-language": "Sprache ändern",
+  "information-on-rat-husbandry": "Information",
+  "basic-rat-info": "Basiswissen Ratten",
+  "cage": "Käfig",
+  "food": "Ernährung",
+  "adopting-rats": "Ratten adoptieren",
+  "about": "Über uns",
+  "the-vdrd": "VdRD e.V.",
+  "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,15 @@
   "result": "Result",
   "number-of-rats": "Number of Rats",
   "change-language": "Change language",
+  "information-on-rat-husbandry": "Information",
+  "basic-rat-info": "Basic Rat Information",
+  "cage": "Cage",
+  "food": "Food",
+  "adopting-rats": "Adopting Rats",
+  "about": "About",
+  "the-vdrd": "VdRD r.V.",
+  "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

@@ -219,17 +219,54 @@
     </div>
 </div>
 
-<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="block">
+                <img class="footer-logo" src="assets/img/logo_ausgeschrieben.png"
+                     alt="Logo Verein der Rattenliebhaber und -halter Deutschland e.v.">
+            </div>
+            <div class="block">
+                <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>
+        <div class="column">
+            <div class="block">
+                <h3 class="footer-title title" data-i18n="information-on-rat-husbandry">Informationen zur
+                    Rattenhaltung</h3>
+                <ul class="footer-links">
+                    <li class="footer-link"><a href="https://vdrd.de/vor-der-anschaffung/" data-i18n="basic-rat-info">Grundwissen
+                        Rattenhaltung</a></li>
+                    <li class="footer-link"><a href="https://vdrd.de/das-rattenheim/" data-i18n="cage">Käfig</a></li>
+                    <li class="footer-link"><a href="https://vdrd.de/ernaehrung/" data-i18n="food">Ernährung</a></li>
+                    <li class="footer-link"><a href="https://vdrd.de/anzahl-geschlecht-und-bezugsquelle/"
+                                               data-i18n="adopting-rats">Ratten adoptieren</a>
+                    </li>
+                </ul>
+            </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/" data-i18n="the-vdrd">Der VdRD e.V.</a></li>
+                    <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>
 
+<script src="./bundle.js"></script>
+
 </body>
 </html>

src/main.scss

@@ -32,6 +32,10 @@ body {
   height: 1.5rem;
 }
 
+.footer-logo {
+  height: 5rem;
+}
+
 // Import the Google Font
 @import url("https://fonts.googleapis.com/css?family=Nunito:400,700");