Add first part to flowblocks
This commit is contained in:
L3D
parent
359d7eb3d5
commit
5f6c5b2b52
@ -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
|
||||
|
||||
28
flowblocks/flow_social_media_link.ini
Normal file
28
flowblocks/flow_social_media_link.ini
Normal 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
|
||||
21
flowblocks/flow_text_image_section.ini
Normal file
21
flowblocks/flow_text_image_section.ini
Normal 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
|
||||
@ -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
|
||||
@ -16,4 +16,4 @@ type = string
|
||||
[fields.section]
|
||||
label = Sections
|
||||
type = flow
|
||||
flow_blocks = flow_text_section
|
||||
flow_blocks = flow_text_image_section
|
||||
|
||||
5
templates/blocks/flow_social_media_link.html
Normal file
5
templates/blocks/flow_social_media_link.html
Normal 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 -%}
|
||||
 <a href="{{ this.sm_link }}"><img class="content__inline_image" src="{{ this.sm_image }}" alt="{{ this.title }} Logo" height="16px"></a></p>
|
||||
42
templates/blocks/flow_text_image_section.html
Normal file
42
templates/blocks/flow_text_image_section.html
Normal 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 -->
|
||||
@ -1,5 +0,0 @@
|
||||
<div class="content__box -columns">
|
||||
<div class="content__inner_box">
|
||||
{{ this.body }}
|
||||
</div>
|
||||
</div>
|
||||
@ -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 <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 %}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user