Add an attribution footer

Author: Tilman Adler

frontend/app/components/page/page.module.css

@@ -47,6 +47,14 @@
   z-index: calc(var(--z-index-nav-positioned) + 2);
 }
 
+.attributionFooter {
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  height: min-content;
+  min-block-size: 0;
+}
+
 .globalButtonContainer {
   display: inline-flex;
   align-items: center;

frontend/app/components/page/page.tsx

@@ -176,6 +176,14 @@ export function Page({
       <footer className={"no-padding " + styles.globalFooter}>
         {isLoggedIn ? <ActionBar /> : <></>}
       </footer>
+      <footer className={styles.attributionFooter}>
+        <p className="small-text">
+          Made by <a href="https://t-animal.de">t.animal</a> for{" "}
+          <a href="https://zam-haus.de">ZAM-Haus</a> | Fork me on{" "}
+          <a href="https://github.com/ZAM-haus/wissenslandkarte">GitHub</a> |{" "}
+          <a href="https://www.zam.haus/impressum/">Impressum</a>
+        </p>
+      </footer>
     </>
   );
 }

frontend/app/routes/faq.tsx

@@ -1,5 +1,6 @@
 import { useLoaderData } from "@remix-run/react";
 import { useTranslation } from "react-i18next";
+import Markdown from "react-markdown";
 
 import { Page } from "~/components/page/page";
 import { isLoggedInLoader } from "~/lib/authorization.server";
@@ -25,7 +26,7 @@ export default function FaqPage() {
               <h3 className="small">{item.question}</h3>
             </summary>
             <div className="padding">
-              <p>{item.answer}</p>
+              <Markdown>{item.answer}</Markdown>
             </div>
           </details>
         ))}

frontend/public/locales/de/faq.json

@@ -12,6 +12,10 @@
     {
       "question": "Wie funktioniert das, wenn nach Hilfe suche?",
       "answer": "Nutze die Suchfunktion um ein Projekt zu finden, das deinem ähnelt. Dann kannst du entweder nachsehen, wie andere es bisher gemacht haben, oder diese kontaktieren und um Rat fragen."
+    },
+    {
+      "question": "Kann ich mit Entwicklung helfen?",
+      "answer": "Ja, du kannst bei der Entwicklung helfen. Du kannst den Quellcode auf GitHub finden unter [https://github.com/ZAM-haus/wissenslandkarte](https://github.com/ZAM-haus/wissenslandkarte) und dort mitwirken. Wenn du Ideen für Verbesserungen hast, lass es uns bitte wissen."
     }
   ]
 }

frontend/public/locales/en/faq.json

@@ -12,6 +12,10 @@
     {
       "question": "How does it work if I am looking for help?",
       "answer": "Use the search function to find a project similar to yours. Then you can either see how others have done it so far or contact them to ask for advice."
+    },
+    {
+      "question": "Can I help with development?",
+      "answer": "Yes, you can help with development. You can find the source code on GitHub at [https://github.com/ZAM-haus/wissenslandkarte](https://github.com/ZAM-haus/wissenslandkarte) and contribute to it. If you have any ideas for improvements, please let us know."
     }
   ]
 }