Merge branch 'claim-links'

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" },
+]
 +++

templates/blog/card.html

@@ -17,7 +17,7 @@
                   {{ post.summary | safe }}
                 </div>
             </div>
-            <div class="card-footer blog-card-authors">
+            <div class="card-footer">
               <div class="card-footer-item">
                 <div class="is-fullwidth">
                   {% include "blog/author_media.html" -%}

templates/frontpage/claim.html

@@ -8,16 +8,28 @@
       <div class="columns is-same-height mt-4">
         {% for claim in section.extra.claims %}
         <div class="column is-one-third">
-          <div class="box frontpage-claim-box">
-            <div class="columns is-vcentered">
-              <div class="column">
-                <img src="/{{ claim.image }}" alt="image">
-              </div>
-              <div class="column is-four-fifths">
-                <h1 class="title is-3">{{ claim.title }}</h1>
+          <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">
+                </div>
+                <div class="column is-four-fifths">
+                  <h1 class="title is-3">{{ claim.title }}</h1>
+                </div>
               </div>
+              <p>{{ claim.content }}</p>
             </div>
-            <p>{{ claim.content }}</p>
+            <footer class="card-footer">
+              {% 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>
         {% endfor %}