Merge pull request 'Beitreten-Formular' (#63) from membership-form into main

Reviewed-on: https://codeberg.org/angestoepselt/homepage/pulls/63

sites/angestoepselt/datenschutzhinweis.md

@@ -61,7 +61,7 @@ werden von der Sparkasse Mainfranken automatisch erfasst und sind anschließend
 
 ### 2.3 Die Nutzung unserer Kontaktadresse
 
-Bei Fragen jeglicher Art bieten wir Ihnen die Möglichkeit, mit uns über die E-Mail-Adresse »info@angestoepselt.de« Kontakt aufzunehmen. Dabei ist die Angabe einer gültigen E-Mail-Adresse erforderlich, damit wir wissen, von wem die Anfrage stammt und um diese zu beantworten zu können. Weitere Angaben können freiwillig getätigt werden.
+Bei Fragen jeglicher Art bieten wir Ihnen die Möglichkeit, mit uns über die E-Mail-Adresse [info@angestoepselt.de](mailto:info@angestoepselt.de) Kontakt aufzunehmen. Dabei ist die Angabe einer gültigen E-Mail-Adresse erforderlich, damit wir wissen, von wem die Anfrage stammt und um diese zu beantworten zu können. Weitere Angaben können freiwillig getätigt werden.
 
 Die Datenverarbeitung zum Zwecke der Kontaktaufnahme mit uns erfolgt nach Art.6 Abs.1 S.1 lit.a DSGVO auf Grundlage Ihrer freiwillig erteilten Einwilligung.
 

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

@@ -69,7 +69,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}
 

sites/angestoepselt/ueber-uns/satzung.md

@@ -7,11 +7,9 @@ eleventyNavigation:
   order: 20
 ---
 
-# Satzung
+# Aktuelle Satzung von Angestöpselt
 
-## Aktuelle Satzung von angestöpselt e.V.
-
-Satzung des Vereins „angestöpselt e.V. – Verein für Digitalkompetenz“
+Satzung des Vereins „Angestöpselt e. V. – Verein für Digitalkompetenz“
 
 ## § 1 Name, Sitz, Vereinsjahr