From 9ee6a2b00cf99fc1d62b99e6dc0c70c54895ea1f Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Thu, 11 Apr 2024 21:01:22 +0200
Subject: [PATCH] Add links to claim cards

---
 content/_index.md              |  9 +++++++++
 templates/frontpage/claim.html | 15 ++++++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index eb1dddd0..e37a18cc 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 b8aec636..e2572a1e 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>
-- 
GitLab