implement frontpage claims

content/contents.lr

@@ -85,3 +85,54 @@ background_box_claim: Hackergemeinschaft, Cowdfunding, Crowdbuying, Startup, Aus
 claim__background_link: Mitglied werden
 ----
 claim__background_url: https://wtf-eg.de/mitglieder/beitreten/
+----
+claim_boxes:
+
+##### flow_claim_boxes #####
+card_title: Genossenschaftlich solidarisch
+-----
+card_image: images/circle_icon_building.svg
+-----
+card_text: Eine Hackergemeinschaft ist aeine Aufstellung, die im Markt allerhand bewegen kann.
+##### flow_claim_boxes #####
+card_title: Genossenschaftlich stark
+-----
+card_image: images/circle_icon_institution.svg
+-----
+card_text: Was eine/r allein nicht kann, das schaffen viele zusammen. Sowohl intellektuell, finanziell und in rechtsscierer, wirtschaftlich stabiler Umgebung.
+##### flow_claim_boxes #####
+card_title: Auf eigene Rechnung oder angestellt
+-----
+card_image: images/circle_icon_briefcase.svg
+-----
+card_text: Mach Deine Genossenschaft zu deinem Arbeitgeber in dem Du Dich bei der Genossenschaft anstellen lässt.
+##### flow_claim_boxes #####
+card_title: Helfen und lernen
+-----
+card_image: images/circle_icon_fist.svg
+-----
+card_text: Profitiere von Know-How und Erfahrungsaustausch in der Genossenschaft.
+##### flow_claim_boxes #####
+card_title: Die eigene Arbeit managen und abrechnen lassen
+-----
+card_image: images/circle_icon_clippy.svg
+-----
+card_text: Rechnungen schreiben? Gewerbeanmeldung? Mehraufwand für Buchführung und Steuererklärung? Spare Dir den Aufand, lass' das deine Genossenschaft machen!
+##### flow_claim_boxes #####
+card_title: Virtuelle Teams, großartige Jobs
+-----
+card_image: images/circle_icon_group.svg
+-----
+card_text: Viele von uns arbeiten freiberuflich. Von überall her, überall hin, flexibel und freundlich, klein und häufig allein. An manche, interesanten Aufgaben und Kunden kommt man als Einzelkämpfer nicht ran. An öffentliche Aufträge schon gar nicht.
+##### flow_claim_boxes #####
+card_title: Langfristige Träume verwirklichen
+-----
+card_image: images/circle_icon_dragon.svg
+-----
+card_text: Ein Wohnungsprojekt, einen Altersruhesitz für Haecksen und Hacker einrichten, Geld zurücklegen, Förderung beantragen…
+##### flow_claim_boxes #####
+card_title: Helfen und Lernen
+-----
+card_image: images/circle_icon_fist.svg
+-----
+card_text: Profitiere von Know-How und Erfahrungsaustausch in der Genossenschaft. DIESER TEXT IST DOPPELT

flowblocks/flow_boxes_section.ini

@@ -26,3 +26,8 @@ width = 1/2
 label = Claim Background URL
 type = url
 width = 1/2
+
+[fields.claim_boxes]
+label = Small Box
+type = flow
+flow_blocks = flow_claim_boxes

flowblocks/flow_claim_boxes.ini

@@ -0,0 +1,19 @@
+[block]
+name = Claim Box Card
+button_label = Claim Box Card
+label = {{ this.card_title }}
+
+[fields.card_title]
+label = Card Titel
+type = string
+width = 1/2
+
+[fields.card_image]
+label = Card Icon
+description = Icon Pfad zB. images/circle_icon_fist.svg
+type = string
+width = 1/2
+
+[fields.card_text]
+label = Card Text
+type = markdown

templates/blocks/flow_boxes_section.html

@@ -19,54 +19,9 @@
 
         <div class="content__box -card_box -homepage">
             <div class="content__inner_box -card_box">
-                <div class="card">
+                {% for card in this.claim_boxes.blocks %}
-                    <img class="card__icon" src="images/circle_icon_building.svg">
+                    {{ card }}
-                    <h3 class="card__heading -homepage">Genossenschaftlich solidarisch</h3>
+                {% endfor %}
-                    <p class="card__text">Eine Hackergemeinschaft ist aeine Aufstellung, die im Markt allerhand bewegen kann.</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_institution.svg">
-                    <h3 class="card__heading -homepage">Genossenschaftlich stark</h3>
-                    <p class="card__text">Was eine/r allein nicht kann, das schaffen viele zusammen. Sowohl intellektuell, finanziell und in rechtsscierer, wirtschaftlich stabiler Umgebung.</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_briefcase.svg">
-                    <h3 class="card__heading -homepage">Auf eigene Rechnung oder angestellt</h3>
-                    <p class="card__text">Mach Deine Genossenschaft zu deinem Arbeitgeber in dem Du Dich bei der Genossenschaft anstellen lässt.</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_fist.svg">
-                    <h3 class="card__heading -homepage">Helfen und lernen</h3>
-                    <p class="card__text">Profitiere von Know-How und Erfahrungsaustausch in der Genossenschaft.</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_clippy.svg">
-                    <h3 class="card__heading -homepage">Die eigene Arbeit managen und abrechnen lassen</h3>
-                    <p class="card__text">Rechnungen schreiben? Gewerbeanmeldung? Mehraufwand für Buchführung und Steuererklärung? Spare Dir den Aufand, lass' das deine Genossenschaft machen!</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_group.svg">
-                    <h3 class="card__heading -homepage">Virtuelle Teams, großartige Jobs</h3>
-                    <p class="card__text">Viele von uns arbeiten freiberuflich. Von überall her, überall hin, flexibel und freundlich, klein und häufig allein. An manche, interesanten Aufgaben und Kunden kommt man als Einzelkämpfer nicht ran. An öffentliche Aufträge schon gar nicht.</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_dragon.svg">
-                    <h3 class="card__heading -homepage">Langfristige Träume verwirklichen</h3>
-                    <p class="card__text">Ein Wohnungsprojekt, einen Altersruhesitz für Haecksen und Hacker einrichten, Geld zurücklegen, Förderung beantragen …</p>
-                </div>
-
-                <div class="card">
-                    <img class="card__icon" src="images/circle_icon_fist.svg">
-                    <h3 class="card__heading -homepage">Helfen und Lernen</h3>
-                    <p class="card__text">Profitiere von Know-How und Erfahrungsaustausch in der Genossenschaft. DIESER TEXT IST DOPPELT</p>
-                </div>
-
             </div>
         </div>
 

templates/blocks/flow_claim_boxes.html

@@ -0,0 +1,7 @@
+                <div class="card">
+                    <img class="card__icon" src="{{ this.card_image }}">
+                    <h3 class="card__heading -homepage">{{ this.card_title }}</h3>
+                    <div class="card__text">
+                        {{ this.card_text }}
+                    </div>
+                </div>