Skip to content
Snippets Groups Projects
Commit c73cbf7e authored by codecraft's avatar codecraft :crocodile:
Browse files

Style claim block like flyer

parent aa6fbe68
No related branches found
No related tags found
1 merge request!28Neue Website basierend auf Zola
......@@ -7,10 +7,14 @@ projects = "Unsere Projekte"
[[extra.claims]]
title = "Technik hinterfragen"
content = "Wie Geräte und Apps funktionieren, was sie tun und welche Absichten die Entwickler*innen haben: Das alles soll jede*r kritisch hinterfragen und erforschen können – und: Alle sollen das Recht dazu haben!"
image = "images/empathy.png"
[[extra.claims]]
title = "Selber entscheiden"
content = "Ob der Name, das Geburtsdatum, das Foto an Firmen weitergegeben werden, wo Daten gespeichert werden und was Apps auf Computer und Smartphone dürfen und was nicht – das soll jede*r frei selber entscheiden können. Das müssen Hersteller, aber auch Schulen und Eltern, respektieren!"
image = "images/decision-making.png"
[[extra.claims]]
title = "Aktiv mitgestalten"
content = "Wer ein Gerät besitzt, soll damit alles machen können und nicht vom Hersteller oder anderen eingeschränkt werden. Technik ist ein Werkzeug für Kreativität. Menschen jeden Alters sollen erfahren, dass man Hard- und Software selber verändern, erfinden und frei nutzen kann!"
image = "images/pencil.png"
+++
This diff is collapsed.
......@@ -7,12 +7,19 @@
<div class="columns is-centered is-half mb-6">
<h1 class="title is-1">{{ section.extra.headlines.claims }}</h1>
</div>
<div class="columns">
<div class="columns ">
{% for claim in section.extra.claims %}
<div class="column">
<div class="box is-shadowless">
<h1 class="title is-3">{{ claim.title }}</h1>
<p>{{ claim.content }}</p>
<div class="column is-one-third">
<div class="frontpage-claim-box">
<div class="columns is-vcentered">
<div class="colum">
<img src="/{{ claim.image }}" alt="image">
</div>
<div class="column is-four-fifths">
<h1 class="title is-3">{{ claim.title }}</h1>
</div>
</div>
<p > {{ claim.content }}</p>
</div>
</div>
{% endfor %}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment