Continue working on membership form

sites/angestoepselt/mitmachen/beitreten.md

@@ -1,11 +1,22 @@
 ---
 layout: layouts/page.njk
 useForms: true
+callout: "Diese Seite befindet sich im Aufbau; das Formular ist noch nicht funktionstüchtig."
 ---
 
-# Vereinsmitglied werden
+<style>
+#mode-o:not(:checked) ~ #mode-f:not(:checked) ~ [data-payment],
+#mode-o:not(:checked) ~ #mode-f:not(:checked) ~ * [data-payment] {
+  display: none;
+}
 
-_Hinweis: diese Seite befindet sich im Aufbau; das Formular ist noch nicht funktionstüchtig._
+#mode-f:not(:checked) ~ [data-payment=custom],
+#mode-f:not(:checked) ~ * [data-payment=custom] {
+  display: none;
+}
+</style>
+
+# Vereinsmitglied werden
 
 Schön, dich bei uns begrüßen zu dürfen!
 Du kannst direkt hier einen Mitgliedsantrag stellen.
@@ -75,6 +86,35 @@ Wie möchtest du dem Verein beitreten?
 	<label for="mode-f">Ich möchte als Fördermitglied beitreten.</label>
 </div>
 
+Bitte
+<span role="none" data-payment="custom">wähle einen jährlichen Beitrag für deine Fördermitgliedschaft und</span>
+fülle das [Lastschriftmandat](/assets/Lastschriftmandat.pdf) aus (entweder ausgedruckt oder digital unterschrieben):
+{data-payment}
+
+<label class="form-input" data-payment="custom">
+  <span>Jährlicher Förderbeitrag:</span>
+  <input type="number" name="supportamount" min="60" placeholder="&gt; 60€" />
+</label>
+<label class="form-input" data-payment>
+  <span>SEPA-Lastschriftmandat:</span>
+  <input type="file" name="document" />
+</label>
+
+Noch kurz ein paar Hinweise zum Datenschutz:
+
+- Wir sammeln und speichern personenbezogene Daten von dir und anderen Mitgliedern, um das Vereinsleben aufrechtzuerhalten. Dabei geht es hauptsächlich um das, was du uns in diesem Formular mitgeteilt hast, aber auch z.B. um Daten zum Einloggen in unsere Netzwerksysteme.
+- Wir verkaufen diese Daten nicht.
+- Der Verein veröffentlicht hin und wieder in Zeitungen, Online-Portalen (z.B. Mastodon) oder anderen Medien Bilder und / oder Namen von Mitgliederinnen oder Mitgliedern. Dabei geht es stets um Vereinsangelegenheiten (wie in unserer [Satzung](/ueber-uns/satzung) beschrieben). Durch deine Mitgliedschaft stimmst du dem zu.
+- Im Rahmen geltender Gesetze hast du jederzeit das Recht darauf, deine von uns gespeicherten Daten anzusehen, zu berichtigen oder löschen zu lassen.
+
+Die komplette Datenschutzerklärung für Mitglieder findest du [hier](/assets/Datenschutzerklärung_Mitgliedschaft.pdf).
+
+<label class="form-checkbox">
+  <input type="checkbox" name="hints" required>
+  <div></div>
+  <span>Ich habe die obigen Hinweise gelesen und bin mit der beschriebenen Speicherung und Verarbeitung meiner Daten einverstanden.</span>
+</label>
+
 Das war's!
 Wir werden uns, nachdem du den Antrag abgeschickt hast, bei dir melden.
 

sites/angestoepselt/mitmachen/index.md

@@ -67,7 +67,7 @@ Gruppeneinladung.
 
 Wenn du schon so begeistert bist, kannst du auch gerne direkt hier ein Mitglied im Verein werden:
 
-- [Zum _Mitgliedsantrag_](/assets/Antrag_Mitgliedschaft.pdf)
+- [Zum _Mitgliedsantrag_](/mitmachen/beitreten)
 
 {.form-choices}