diff --git a/content/_index.md b/content/_index.md index eb1dddd0619c8ba82edf423c4f76f01f71afd2a8..e37a18cccbf2684804ee59398de6771802acc88a 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,14 +3,23 @@ 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" +links = [ + { url = "@/infos/verstehen/index.md", title = "Mehr zum Verstehen" }, +] [[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" +links = [ + { url = "@/infos/digitale-muendigkeit/index.md", title = "Mehr zu digitaler Mündigkeit" }, +] [[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" +links = [ + { url = "@/projekte/hack-n-fun/tinkering.md", title = "Mehr zum Selberbauen" }, +] +++ diff --git a/templates/frontpage/claim.html b/templates/frontpage/claim.html index b8aec6365876371c221a91be9f12245b891de070..e2572a1e44014af1cab2ea5eacdf0cecd8704c0f 100644 --- a/templates/frontpage/claim.html +++ b/templates/frontpage/claim.html @@ -8,8 +8,8 @@ <div class="columns is-same-height mt-4"> {% for claim in section.extra.claims %} <div class="column is-one-third"> - <div class="card frontpage-claim-box"> - <div class="card-content"> + <div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between frontpage-claim-box"> + <div class="card-content is-fullheight"> <div class="columns is-vcentered"> <div class="column"> <img src="/{{ claim.image }}" alt="image"> @@ -21,9 +21,14 @@ <p>{{ claim.content }}</p> </div> <footer class="card-footer"> - <a href="#" class="card-footer-item"> - Mehr dazu <i class="fa-regular fa-circle-right"></i> - </a> + {% for link in claim.links %} + <a href="{{ get_url(path=link.url) }}" class="card-footer-item"> + <span class="icon-text"> + <span>{{ link.title }}</span> + <span class="icon"><i class="fa-solid fa-arrow-right"></i></span> + </span> + </a> + {% endfor %} </footer> </div> </div>