move boxes to section

This commit is contained in:
L3D 2021-03-18 02:11:05 +01:00
parent 8a262a251b
commit f9bea341d9
No known key found for this signature in database
GPG Key ID: CD08445BFF4313D1
6 changed files with 88 additions and 82 deletions

View File

@ -43,7 +43,7 @@ content_image_alt: Startendes Space Shuttle
content_image_src: images.nasa.gov/details-sts057-s-055
#### flow_seperator ####
#### flow_third_box_section ####
title: ouuu
title:
----
inner_box:
@ -83,3 +83,5 @@ Wir bieten useren Mitgliedern nicht nur ein gutes Netzwerk, sondern auch eine si
box_link: Mitglied werden
-----
box_url: https://wtf-eg.de/mitglieder/beitreten/
#### flow_boxes_section ####
title: test

View File

@ -0,0 +1,8 @@
[block]
name = Flow Boxes Section
button_label = Flow Boxes Section
label = {{ this.title }}
[fields.title]
label = Title
type = string

View File

@ -1,11 +1,7 @@
[block]
name = Flow Three Box Section
button_label = Flow Three Box Section
label = {{ this.title }}
[fields.title]
label = Title
type = string
label = Three Box Section
[fields.inner_box]
label = One Box

View File

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

View File

@ -0,0 +1,74 @@
<!-- Icon boxes - start -->
<section class="content">
<div class="content__box">
<div class="content__inner_box -card_box_head">
<div class="flex_heading">
<h2>Vielfältige Vorteile</h2>
</div>
<div class="claim">
<div class="claim__background_box">
<h2>Werde Teil der Community</h2>
<p class="claim__text">Hackergemeinschaft, Cowdfunding, Crowdbuying, Startup, Ausschreibung, …<br>
Wir realisieren gemeinsam Projekte, in bester Genossenschaft.</p>
</div>
<button class="claim__button"><a class="claim__button_link" href="#">MEMBER WERDEN</a></button>
</div>
</div>
</div>
<div class="content__box -card_box -homepage">
<div class="content__inner_box -card_box">
<div class="card">
<img class="card__icon" src="images/circle_icon_building.svg">
<h3 class="card__heading -homepage">Genossenschaftlich solidarisch</h3>
<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>
</section>
<!-- Icon boxes - start -->

View File

@ -9,84 +9,10 @@
{%- endblock -%}
{% block body %}
<!-- Icon boxes - start -->
<section class="content">
<div class="content__box">
<div class="content__inner_box -card_box_head">
<div class="flex_heading">
<h2>Vielfältige Vorteile</h2>
</div>
<div class="claim">
<div class="claim__background_box">
<h2>Werde Teil der Community</h2>
<p class="claim__text">Hackergemeinschaft, Cowdfunding, Crowdbuying, Startup, Ausschreibung, …<br>
Wir realisieren gemeinsam Projekte, in bester Genossenschaft.</p>
</div>
<button class="claim__button"><a class="claim__button_link" href="#">MEMBER WERDEN</a></button>
</div>
</div>
</div>
<div class="content__box -card_box -homepage">
<div class="content__inner_box -card_box">
<div class="card">
<img class="card__icon" src="images/circle_icon_building.svg">
<h3 class="card__heading -homepage">Genossenschaftlich solidarisch</h3>
<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>
</section>
<!-- Icon boxes - start -->
<!-- Startpage content looop -->
{% for blk in this.section.blocks %}
{{ blk }}
{% endfor %}
<!-- Startpage content loop ende -->
{% endblock %}