Add first part to flowblocks

content/contents.lr

@@ -10,6 +10,28 @@ subclaim_heading: Beteilige dich an unserer Genossenschaft
 ---
 subclaim_content: Wir bieten Dir die optimale Businessplattform, ob es um das Backoffice deiner Unternehmung geht, den gemeinsamen Einkauf von Waren, oder um komplexere öffentliche Aufträge, profitiere von vielen Vorteilen für Dich und Deine Kunden.
 ---
-section: 
----
 meta_description: Die Hackergenossenschaft für chaosnahes Wirtschaften 🚀
+---
+section:
+
+#### flow_text_image_section ####
+title: 3, 2, 1 - Die WTF eG hebt ab!
+----
+content_teaser: Der Start ist geschafft, die WTF Kooperative eG ist gegründet und seit Anfang des Jahres ordentlich beim Registergericht Hamburg eingetragen.
+----
+content_body:
+
+Die Idee der„Hackergenossenschaft“ wurde zum ersten Mal auf dem 34C3 vorgestellt. Vom Start weg haben sich über 160 Personen gefunden und dafür gearbeitet, dass die Gründung gelingt.
+
+Ein Unternehmen, dass jedem einzelnen von uns gehört, in dem jeder von uns eine Stimme und das Recht auf Mitsprache hat. Das alles ist nun machbar - in unserer WTF Koopertive eG.
+----
+content_footer:
+
+##### flow_social_media_link #####
+sm_what: Folge uns auf
+-----
+title: Mastodon
+-----
+sm_link: https://chaos.social/@hackergeno
+-----
+sm_image: /images/mastodon_logo.svg

flowblocks/flow_social_media_link.ini

@@ -0,0 +1,28 @@
+[block]
+name = Social Media Link
+button_label = Social Media Link
+label = {{ this.title }}
+
+[fields.sm_what]
+label = Einleitung
+description = Folge uns auf ...
+type = string
+width = 1/2
+
+[fields.title]
+label = Link Titel
+description = ... zB. Mastodon
+type = string
+width = 1/2
+
+[fields.sm_link]
+label = Social Media Link
+description = example.com/@wtf
+type = url
+width = 1/2
+
+[fields.sm_image]
+label = Social Media Icon
+description = /images/mastodon_logo.svg
+type = string
+width = 1/2

flowblocks/flow_text_image_section.ini

@@ -0,0 +1,21 @@
+[block]
+name = Flow Text Image (50/50) Section
+button_label = Flow Text Image (50/50) Section
+label = {{ this.title }}
+
+[fields.title]
+label = Title
+type = string
+
+[fields.content_teaser]
+label = Content Teaser
+type = markdown
+
+[fields.content_body]
+label = Content Body
+type = markdown
+
+[fields.content_footer]
+label = Content footer
+type = flow
+flow_blocks = flow_social_media_link

flowblocks/flow_text_section.ini

@@ -1,12 +0,0 @@
-[block]
-name = Flow Text Section
-button_label = Flow Text Section
-label = {{ this.title }}
-
-[fields.title]
-label = Title
-type = string
-
-[fields.body]
-label = Body
-type = markdown

models/homepage.ini

@@ -16,4 +16,4 @@ type = string
 [fields.section]
 label = Sections
 type = flow
-flow_blocks = flow_text_section
+flow_blocks = flow_text_image_section

templates/blocks/flow_social_media_link.html

@@ -0,0 +1,5 @@
+                    <p>{{ this.sm_what }}{{ ' ' }}
+{%- if this.title is defined and this.title != '' -%}
+  <a href="{{ this.sm_link }}">{{ this.title }}</a>
+{%- endif -%}
+&emsp;<a href="{{ this.sm_link }}"><img class="content__inline_image" src="{{ this.sm_image }}" alt="{{ this.title }} Logo" height="16px"></a></p>

templates/blocks/flow_text_image_section.html

@@ -0,0 +1,42 @@
+    <!-- 50/50 Layout - start -->
+    <section class="content">
+        <div class="content__box -heading">
+            <div class="content__inner_box">
+                <h2>{{ this.title }}</h2>
+            </div>
+        </div>
+        <div class="content__half_box">
+            <div class="content__inner_half_box">
+                <div class="content__teaser">
+                    {{ this.content_teaser }}
+                </div>
+                <div class="content__body">
+                    {{ this.content_body }}
+                </div>
+                <div class="content__footer">
+                      {% for lnk in this.content_footer.blocks %}
+                          {{ lnk }}
+                      {% endfor %}
+                </div>
+            </div>
+{#
+            {% if this.attachments.images %}
+                <div class="content__inner_half_box">
+                    {% for image in this.attachments.images %}
+                        <!--
+                        Wir laden Bilder mit hoher Auflösung hoch. Lektor baut "Thumbnails" mit halber
+                        Auflösung. Per srcset bieten wir beides an und der Browser sucht das Richtige
+                        raus.
+
+                        Versteht der Browser srcset nicht, greift src.
+
+                        Wichtig: Keine Angaben für width und height berechnen, dann geht beim Skalieren das Seitenverhältnis kaputt.
+                        -->
+                        <img class="content__half_box_image" src="{{ image|url }}" width="{{ image.width / 2 }}" alt="Startendes Space Shuttle" srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x">
+                    {% endfor %}
+                </div>
+            {% endif %}
+#}
+        </div>
+    </section>
+    <!-- 50/50 Layout - end -->

templates/blocks/flow_text_section.html

@@ -1,5 +0,0 @@
-                <div class="content__box -columns">
-                    <div class="content__inner_box">
-                        {{ this.body }}
-                    </div>
-                </div>

templates/homepage.html

@@ -9,46 +9,6 @@
 {%- endblock -%}
 {% block body %}
 
-    <!-- 50/50 Layout - start -->
-    <section class="content">
-        <div class="content__box -heading">
-            <div class="content__inner_box">
-                <h2>3, 2, 1 - Die WTF eG hebt ab!</h2>
-            </div>
-        </div>
-        <div class="content__half_box">
-            <div class="content__inner_half_box">
-                <div class="content__teaser">
-                    <p>Der Start ist geschafft, die WTF Kooperative eG ist gegründet und seit Anfang des Jahres ordentlich beim Registergericht Hamburg eingetragen.</p>
-                </div>
-                <div class="content__body">
-                    <p>Die Idee der„Hackergenossenschaft“ wurde zum ersten Mal auf dem 34C3 vorgestellt. Vom Start weg haben sich über 160 Personen gefunden und dafür gearbeitet, dass die Gründung gelingt.</p>
-                    <p>Ein Unternehmen, dass jedem einzelnen von uns gehört, in dem jeder von uns eine Stimme und das Recht auf Mitsprache hat. Das alles ist nun machbar - in unserer WTF Koopertive eG.</p>
-                </div>
-                <div class="content__footer">
-                    <p>folge uns&emsp;<a href="https://chaos.social/@HackerGeno"><img class="content__inline_image" src="images/mastodon_logo.svg" alt="Mastodon Logo" height="16px"></a></p>
-                </div>
-            </div>
-            {% if this.attachments.images %}
-                <div class="content__inner_half_box">
-                    {% for image in this.attachments.images %}
-                        <!--
-                        Wir laden Bilder mit hoher Auflösung hoch. Lektor baut "Thumbnails" mit halber
-                        Auflösung. Per srcset bieten wir beides an und der Browser sucht das Richtige
-                        raus.
-
-                        Versteht der Browser srcset nicht, greift src.
-
-                        Wichtig: Keine Angaben für width und height berechnen, dann geht beim Skalieren das Seitenverhältnis kaputt.
-                        -->
-                        <img class="content__half_box_image" src="{{ image|url }}" width="{{ image.width / 2 }}" alt="Startendes Space Shuttle" srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x">
-                    {% endfor %}
-                </div>
-            {% endif %}
-        </div>
-    </section>
-    <!-- 50/50 Layout - end -->
-
     <hr class="body__separator" noshade="" size="1">
 
     <!-- 1/3 Layout - start -->
@@ -189,16 +149,9 @@
     </section>
     <!-- Icon boxes - start -->
 
+    <!-- Startpage content looop -->
     {% for blk in this.section.blocks %}
-        <section class="content {{ loop.cycle('-odd', '-even') }}">
-            {% if blk.title %}
-                <div class="content__box">
-                    <div class="content__inner_box">
-                        <h2>{{ blk.title }}</h2><hr>
-                    </div>
-                </div>
-            {% endif %}
        {{ blk }}
-        </section>
     {% endfor %}
+    <!-- Startpage content loop ende -->
 {% endblock %}