feat: Add feedback modal

public/index.html

@@ -260,12 +260,40 @@
                     <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>
+                    <li class="footer-link">
+                        <a class="js-modal-trigger is-text is-link" data-target="modal-feedback" data-i18n="give-feedback">
+                            Feedback geben
+                        </a>
+                    </li>
                 </ul>
             </div>
         </div>
     </div>
 </div>
 
+<div id="modal-feedback" class="modal">
+
+    <div class="modal-background"></div>
+        <div class="modal-card">
+        <header class="modal-card-head">
+            <h2 data-i18n="feedback" class="modal-card-title">Feedback</h2>
+            <button class="delete" aria-label="close"></button>
+        </header>
+        <div class="modal-card-body">
+            <p>
+                Wir freuen uns sehr, wenn du uns Feedback zu unserem Rattenrechner gibst!
+                Der einfachste Weg das zu tun ist per E-Mail an <a
+                    href="mailto:webmaster@vdrd.de">webmaster@vdrd.de</a>.
+            </p>
+            <p>
+                Der Code dieser Website ist <a href="https://codeberg.org/moanos/rettenrechner">öffentlich einsehbar.</a>
+                Gerne kannst du auch direkt dort <a href="https://codeberg.org/moanos/rettenrechner/issues">einen Issue</a> eröffnen!
+            </p>
+        </div>
+    </div>
+
+</div>
+
 <script src="./bundle.js"></script>
 
 </body>