feat. Expand footer

public/i18n/de.json

@@ -11,7 +11,13 @@
   "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.",

public/i18n/en.json

@@ -11,7 +11,13 @@
   "result": "Result",
   "number-of-rats": "Number of Rats",
   "change-language": "Change language",
-  "about": "",
+  "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².",

public/index.html

@@ -232,10 +232,23 @@
                 </select>
             </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>