add contact page

latex4ei · Oct 18, 2024 · 2b19c03 · 2b19c03
1 parent a164c20
commit 2b19c03
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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