Dirty commit

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

@@ -3,6 +3,18 @@ layout: layouts/page.njk
 useForms: true
 ---
 
+<style>
+#mode-o:not(:checked) ~ #mode-f:not(:checked) ~ [data-payment],
+#mode-o:not(:checked) ~ #mode-f:not(:checked) ~ * [data-payment] {
+  display: none;
+}
+
+#mode-f:not(:checked) ~ [data-payment=custom],
+#mode-f:not(:checked) ~ * [data-payment=custom] {
+  display: none;
+}
+</style>
+
 # Vereinsmitglied werden
 
 _Hinweis: diese Seite befindet sich im Aufbau; das Formular ist noch nicht funktionstüchtig._
@@ -75,9 +87,29 @@ 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 aus:
+{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>
+
 Das war's!
 Wir werden uns, nachdem du den Antrag abgeschickt hast, bei dir melden.
 
+<label class="form-checkbox">
+  <input type="checkbox" name="hints" required>
+  <div></div>
+  <span>Ich habe die Hinweise gelesen.</span>
+</label>
+
 <div class="form-submit">
   <input type="submit" value="Abschicken" />
 </div>

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}
 

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