Merge pull request 'WEB-10: Mitgliedschaftsseite bauen' (#15) from develop into main

Reviewed-on: https://git.feigel.it/SFBadSteben/schachfreunde-badsteben/pulls/15

content/4_verein/1_gmkosteniuk/blockpage.txt

@@ -1,3 +1,7 @@
+Title: GM Kosteniuk zu Besuch
+
+----
+
 Blocks:
 
 [

content/4_verein/2_mitgliedschaft/blockpage.txt

@@ -0,0 +1,81 @@
+Title: Mitgliedschaft
+
+----
+
+Blocks:
+
+[
+    {
+        "content": {
+            "level": "h2",
+            "text": "Wer kann Mitglied werden?"
+        },
+        "id": "fb971909-2012-470b-bb6a-b2debadfa67c",
+        "isHidden": false,
+        "type": "heading"
+    },
+    {
+        "content": {
+            "text": "<p>Grundsätzlich kann jeder Mitglied werden, der einen entsprechenden Antrag stellt (im Falle von Minderjährigen muss der Antrag von den Vertretungsberechtigten erstellt werden). Über die Aufnahme in den Verein entscheidet dann der Vorstand.</p>"
+        },
+        "id": "72df6f0a-8725-4cb4-b2d6-939cebed3f18",
+        "isHidden": false,
+        "type": "text"
+    },
+    {
+        "content": {
+            "level": "h2",
+            "text": "Welche Bedingungen gelten für die Mitgliedschaft?"
+        },
+        "id": "fbd94170-02dd-4928-9580-7f78a41f937c",
+        "isHidden": false,
+        "type": "heading"
+    },
+    {
+        "content": {
+            "text": "<p>Es gilt die aktuell gültige <a href=\"/@/page/hjr3lpfsxvroto1e\" title=\"Satzung der Schachfreunde Bad Steben\">Satzung der Schachfreunde Bad Steben</a>, welche auf unserer Homepage zu finden ist. Sie enthält alle wichtigen Informationen rund um die Mitgliedschaft und die Abläufe unseres Vereins.</p>"
+        },
+        "id": "63c7bbeb-bdb2-4682-bffe-5ff10c1c04e2",
+        "isHidden": false,
+        "type": "text"
+    },
+    {
+        "content": [],
+        "id": "5d64806e-776a-4592-a645-fc34bf356b01",
+        "isHidden": false,
+        "type": "mitgliedschaft"
+    },
+    {
+        "content": {
+            "level": "h2",
+            "text": "Wie kann ich Mitglied werden?"
+        },
+        "id": "885f95ac-8206-4f4f-9300-a50a49f86aef",
+        "isHidden": false,
+        "type": "heading"
+    },
+    {
+        "content": {
+            "text": "<p>Nehmen Sie Kontakt zum Vorstand der Schachfreunde Bad Steben auf! Klicken Sie dazu auf den Button im Header weiter oben, schreiben Sie eine <a href=\"mailto:vorstand@schachfreunde-badsteben.de\" title=\"E-Mail an den Vorstand\">E-Mail an den Vorstand</a> oder nutzen Sie unsere <a href=\"/@/page/usx96dfncvtmlu4y\" title=\"Kontaktseite\">Kontaktseite</a>.</p>"
+        },
+        "id": "6632ce4b-d715-48d6-96e9-766e5e1adc0e",
+        "isHidden": false,
+        "type": "text"
+    }
+]
+
+----
+
+Herotext: Sie spielen gerne Schach, haben aber nie Mitspieler? Sie wollen sich in Turnieren und Wettbewerben messen? Dann sind sie bei uns genau richtig! Werden Sie Mitglied bei den Schachfreunden Bad Steben!
+
+----
+
+Herobutton: Kontaktieren Sie uns!
+
+----
+
+Buttonlink: /kontakt
+
+----
+
+Uuid: rlflifjcp5qi27ib

content/4_verein/2_mitgliedschaft/default.txt

@@ -1,5 +0,0 @@
-Title: Mitgliedschaft
-
-----
-
-Uuid: rlflifjcp5qi27ib

content/4_verein/3_vorstand/vorstand.txt

@@ -44,4 +44,8 @@ Buttonlink: /kontakt.html
 
 ----
 
+Image: - file://oii89r8tbby8z0e1
+
+----
+
 Uuid: zl70xxrrqevgvku0

site/blueprints/pages/blockpage.yml

@@ -1,50 +1,77 @@
 title: Block Page
 
-fields:
+columns:
-  blocks:
+  main:
-    type: blocks
+    width: 2/3
-    pretty: true
+    sections:
-    fieldsets:
+      content:
-      - heading
+        type: fields
-      - text
-      - markdown
-      - image
-      - line
-      - gallery
-      - type: fen
-        label: FEN-Diagramm
-        preview: fields
-        wysiwyg: true
         fields:
-          fen:
+          blocks:
+            type: blocks
+            pretty: true
+            fieldsets:
+              - heading
+              - text
+              - markdown
+              - image
+              - line
+              - gallery
+              - type: fen
+                label: FEN-Diagramm
+                preview: fields
+                wysiwyg: true
+                fields:
+                  fen:
+                    type: text
+                    label: FEN-Position
+              - type: chronik
+                label: Chronik
+                fields:
+                  kind:
+                    label: Art der Chronik
+                    type: radio
+                    options:
+                      left: Links
+                      right: Rechts
+                    default: left
+                  year:
+                    label: Zeitraum
+                    type: text
+                  summary:
+                    label: Zusammenfassung
+                    type: textarea
+                  description:
+                    label: Beschreibung
+                    type: textarea
+                  image:
+                    label: Bild
+                    type: files
+              - type: pgn4web
+                label: PGN-Datei
+                preview: fields
+                fields:
+                  pgn:
+                    label: PGN-Datei
+                    type: files
+              - type: mitgliedschaft
+                preview: false
+
+  sidebar:
+    width: 1/3
+    sections:
+      publishing:
+        type: fields
+        fields:
+          title:
+            label: Titel
             type: text
-            label: FEN-Position
+          herotext:
-      - type: chronik
+            label: Text (Hero)
-        label: Chronik
-        fields:
-          kind:
-            label: Art der Chronik
-            type: radio
-            options:
-              left: Links
-              right: Rechts
-            default: left
-          year:
-            label: Zeitraum
             type: text
-          summary:
+          herobutton:
-            label: Zusammenfassung
+            label: Text für den Button
-            type: textarea
+            type: text
-          description:
+          buttonlink:
-            label: Beschreibung
+            label: Link für den Button
-            type: textarea
+            type: text
-          image:
-            label: Bild
-            type: files
-      - type: pgn4web
-        label: PGN-Datei
-        preview: fields
-        fields:
-          pgn:
-            label: PGN-Datei
-            type: files

site/blueprints/pages/vorstand.yml

@@ -23,6 +23,18 @@ columns:
   sidebar:
     width: 1/3
     sections:
-      image:
+      publishing:
-        label: Bild der Vorstandschaft
+        type: fields
-        type: files
+        fields:
+          herotext:
+            label: Text (Hero)
+            type: text
+          herobutton:
+            label: Text für den Button
+            type: text
+          buttonlink:
+            label: Link für den Button
+            type: text
+          image:
+            label: Bild der Vorstandschaft
+            type: files

site/snippets/blocks/mitgliedschaft.php

@@ -0,0 +1,31 @@
+<h2>Was kostet die Mitgliedschaft?</h2>
+
+<p>Die Mitgliedsbeiträge wurden im Rahmen der Jahreshauptversammlung im März 2002 gemäß Ergänzungsbeschluss zu "§6 Beiträge" der Satzung der Schachfreunde Bad Steben wie folgt festgelegt:</p>
+<div class="mt-8 p-10 sm:mt-10 space-y-4 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-6 lg:max-w-3xl lg:mx-auto text-center">
+    <div class="border border-b-sf_blau-500 bg-sf_blau-50 rounded-lg shadow-lg">
+        <div class="p-6">
+            <h2 class="text-2l leading-6 font-bold text-sf_blau-950">Erwachsene</h2>
+            <p class="mt-4 text-sm h-10 text-neutral-500">Für volljährige Mitglieder</p>
+            <hr class="mt-8">
+            <p class="mt-4 flex flex-col space-y-2">
+                <span class="flex flex-row space-x-2 items-center justify-center">
+                    <span class="text-5xl font-extrabold text-sf_gelb-700">€ 20,00</span>
+                    <span class="text-xs font-medium text-neutral-500">pro Jahr</span>
+                </span>
+            </p>
+        </div>
+    </div>
+    <div class="border border-b-sf_blau-500 bg-sf_blau-50 rounded-lg shadow-lg">
+        <div class="p-6">
+            <h2 class="text-2l leading-6 font-bold text-sf_blau-950">Jugendliche</h2>
+            <p class="mt-4 text-sm h-10 text-neutral-500">Für Mitglieder unter 18 Jahren</p>
+            <hr class="mt-8">
+            <p class="mt-4 flex flex-col space-y-2">
+                <span class="flex flex-row space-x-2 items-center justify-center">
+                    <span class="text-5xl font-extrabold text-sf_gelb-700">€ 12,00</span>
+                    <span class="text-xs font-medium text-neutral-500">pro Jahr</span>
+                </span>
+            </p>
+        </div>
+    </div>
+</div>

src/css/input.css

@@ -66,4 +66,9 @@
         @apply text-3xl pt-12;
     }
 
+    p a {
+        @apply text-sf_blau-500 font-bold hover:text-sf_gelb-600;
+    }
+
+
 }