From 6b06e4b65abda1485981acc1e5d28ec2a444f81f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Sat, 10 Dec 2022 06:42:11 +0100
Subject: [PATCH] Dirty commit

---
 sites/angestoepselt/datenschutzhinweis.md  |  2 +-
 sites/angestoepselt/mitmachen/beitreten.md | 32 ++++++++++++++++++++++
 sites/angestoepselt/mitmachen/index.md     |  2 +-
 sites/angestoepselt/ueber-uns/satzung.md   |  6 ++--
 4 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/sites/angestoepselt/datenschutzhinweis.md b/sites/angestoepselt/datenschutzhinweis.md
index 60c8c70..0cc35ef 100644
--- a/sites/angestoepselt/datenschutzhinweis.md
+++ b/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.
 
diff --git a/sites/angestoepselt/mitmachen/beitreten.md b/sites/angestoepselt/mitmachen/beitreten.md
index cbcf459..f3cd0f5 100644
--- a/sites/angestoepselt/mitmachen/beitreten.md
+++ b/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>
diff --git a/sites/angestoepselt/mitmachen/index.md b/sites/angestoepselt/mitmachen/index.md
index 3dfdf5e..a21b483 100644
--- a/sites/angestoepselt/mitmachen/index.md
+++ b/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}
 
diff --git a/sites/angestoepselt/ueber-uns/satzung.md b/sites/angestoepselt/ueber-uns/satzung.md
index ec54790..24e00f5 100644
--- a/sites/angestoepselt/ueber-uns/satzung.md
+++ b/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“
 
 ## §&nbsp;1 Name, Sitz, Vereinsjahr