Add joining page

mitmachen.md

@@ -0,0 +1,61 @@
+---
+layout: layouts/page.njk
+useForms: true
+---
+{% banner
+  "",
+  "images/work-banner.jpg",
+  "Nahaufnahme eines Laptops mit geöffnetem Gehäuse. Sichtbar ist die ausgebaute Festplatte."
+%}
+{% endbanner %}
+
+# Bei uns mitmachen
+
+Du bist ein Nerd? Eine Nerdin? Du magst andere Nerds? Dann bist du bei uns
+genau richtig!
+
+Wir suchen immer wieder Menschen, die Lust haben, mit ihren eigenen Ideen,
+Projekten und ein wenig guter Laune etwas zu unserem Verein beizutragen.
+Vielleicht fühlst du dich ja bei irgendwelchen unserer Themen zuhause:
+
+- Computerteile aus-, um- und einbauen
+- Neuaufsetzen von Rechnern
+- Server administrieren, Netzwerke einrichten
+- Tickets verwalten, Workflows erstellen
+- Workshops für Kinder und Jugendliche halten
+- Öffentlichkeitsarbeit für den Verein
+- Treffen mit Kunden und Spendern
+
+Das war natürlich noch nicht alles! Natürlich sind wir auch offen für eigene
+Ideen und vollkommen neue Projekte, die in unser generelles Portfolio passen.
+
+## Melde dich!
+
+Du kannst gerne dieses Formular verwenden, um mit uns Kontakt aufzunehmen. Oder
+du kommst einfach mal zu unseren Öffnungszeiten im Verein oder zu einer unserer
+Veranstaltungen vorbei! Intern läuft unsere Kommunikation meist über
+[Signal](https://signal.org/de/) – wir schicken dir hier gerne eine
+Gruppeneinladung.
+
+<form method="post" action="/mitmachen">
+
+<label class="form-input">
+  <span>Name:</span>
+  <input type="text" name="contactname" required placeholder="Vorname Nachname" />
+</label>
+
+<label class="form-input">
+  <span>Email:</span>
+  <input type="email" name="contactemail" required placeholder="mail@beispiel.de" />
+</label>
+
+<label class="form-input">
+  <span>Nachricht:</span>
+  <textarea name="message"></textarea>
+</label>
+
+<div class="form-submit">
+  <input type="submit" value="Abschicken" />
+</div>
+
+</form>