Add first part to flowblocks

This commit is contained in:
L3D 2021-03-17 23:08:57 +01:00
parent 359d7eb3d5
commit 5f6c5b2b52
No known key found for this signature in database
GPG Key ID: CD08445BFF4313D1
9 changed files with 124 additions and 70 deletions

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

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

View File

@ -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>

View File

@ -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 -->

View File

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

View File

@ -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 %}