From 2b19c0396559dffb7b18e3d250a8a7c554d7cc4a Mon Sep 17 00:00:00 2001
From: Darius Peters <38152878+dariusptrs@users.noreply.github.com>
Date: Fri, 18 Oct 2024 19:01:48 +0200
Subject: [PATCH] add contact page

---
 docs/ABOUT.md       |  8 --------
 docs/CONTACT.md     | 24 ++++++++++++++++++++++++
 docs/css/custom.css | 27 +++++++++++++++++++++++++++
 mkdocs.yml          |  4 ++++
 4 files changed, 55 insertions(+), 8 deletions(-)
 create mode 100644 docs/CONTACT.md
 create mode 100644 docs/css/custom.css

diff --git a/docs/ABOUT.md b/docs/ABOUT.md
index dcfa2cf..63429eb 100644
--- a/docs/ABOUT.md
+++ b/docs/ABOUT.md
@@ -132,11 +132,3 @@ ______________________________________________________________________
 - **Formelsammlung MMK I**
 
 ______________________________________________________________________
-
-## Kontakt
-
-Bei Fragen oder Anregungen, sind wir auf folgenden Wegen erreichbar:
-
-- **GitHub:** Entweder in den jeweiligen Repositories der Projekte ein Issue erstellen oder im allgemeinen Repository unter [github.com/latex4ei/Allgemein/issues](https://github.com/latex4ei/Allgemein/issues).
-
-- **E-Mail:** Für allgemeine Anfragen und außerhalb von GitHub stehen wir auch per E-Mail zur Verfügung: [info@latex4ei.de](mailto:info@latex4ei.de).
diff --git a/docs/CONTACT.md b/docs/CONTACT.md
new file mode 100644
index 0000000..27ad068
--- /dev/null
+++ b/docs/CONTACT.md
@@ -0,0 +1,24 @@
+# Kontakt
+
+Bei Fragen oder Anregungen, sind wir auf folgenden Wegen erreichbar:
+
+- **GitHub:** Entweder in den jeweiligen Repositories der Projekte ein Issue erstellen oder im allgemeinen Repository unter [github.com/latex4ei/Allgemein/issues](https://github.com/latex4ei/Allgemein/issues).
+
+- **E-Mail:** Für allgemeine Anfragen und außerhalb von GitHub stehen wir auch per E-Mail zur Verfügung: [info@latex4ei.de](mailto:info@latex4ei.de).
+
+- **Kontaktformular:**
+
+<form action="https://formspree.io/f/mgveejwg" method="POST">
+  <label for="formelsammlung">Betroffene Formelsammlung</label><br>
+  <input type="text" id="name" name="name" required><br>
+
+<label for="email">Deine E-Mail-Adresse (für Rückfragen)</label><br>
+<input type="email" id="email" name="email" required><br>
+
+<label for="message">Deine Nachricht</label><br>
+
+<textarea id="message" name="message" required></textarea><br>
+
+<button type="submit">Nachricht senden</button>
+
+</form>
diff --git a/docs/css/custom.css b/docs/css/custom.css
new file mode 100644
index 0000000..b2d3963
--- /dev/null
+++ b/docs/css/custom.css
@@ -0,0 +1,27 @@
+form {
+    display: flex;
+    flex-direction: column;
+    max-width: 600px;
+    margin: 0 auto;
+  }
+
+  input, textarea {
+    margin-bottom: 1rem;
+    padding: 0.5rem;
+    font-size: 1rem;
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  button {
+    padding: 0.75rem;
+    font-size: 1rem;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    cursor: pointer;
+  }
+
+  button:hover {
+    background-color: #0056b3;
+  }
diff --git a/mkdocs.yml b/mkdocs.yml
index 20daf66..e612cd1 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -28,4 +28,8 @@ nav:
   - Home: README.md
   - Wie kann ich helfen: CONTRIBUTING.md
   - TEX4TUM: http://tex4tum.de
+  - Kontakt: CONTACT.md
   - Über uns: ABOUT.md
+
+extra_css:
+  - css/custom.css