From e00ff2706ffe248c9912ec730a692fa352b6cd94 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Tue, 13 Jun 2023 20:37:35 +0200
Subject: [PATCH] Use section data for index page content

---
 content/_index.md                        | 14 ++++++
 content/projekte/_index.md               |  2 +
 templates/frontpage/blocks/claim.html    | 17 +++++--
 templates/frontpage/blocks/news.html     |  2 +-
 templates/frontpage/blocks/projects.html | 60 ++++--------------------
 5 files changed, 37 insertions(+), 58 deletions(-)
 create mode 100644 content/projekte/_index.md

diff --git a/content/_index.md b/content/_index.md
index ac36e062..00319ee0 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,2 +1,16 @@
 +++
+[extra.headlines]
+claims = "Eine verstehbare (digitale) Welt"
+news = "Neuigkeiten"
+projects = "Unsere Projekte"
+
+[[extra.claims]]
+title = "Technik hinterfragen"
+content = "TBA"
+[[extra.claims]]
+title = "Selber entscheiden"
+content = "TBA"
+[[extra.claims]]
+title = "Aktiv mitgestalten"
+content = "TBA"
 +++
diff --git a/content/projekte/_index.md b/content/projekte/_index.md
new file mode 100644
index 00000000..ac36e062
--- /dev/null
+++ b/content/projekte/_index.md
@@ -0,0 +1,2 @@
++++
++++
diff --git a/templates/frontpage/blocks/claim.html b/templates/frontpage/blocks/claim.html
index d6da65a4..7b94ecc4 100644
--- a/templates/frontpage/blocks/claim.html
+++ b/templates/frontpage/blocks/claim.html
@@ -1,10 +1,17 @@
 <section class="section">
     <div class="columns is-centered is-half">
-        <h1 class="title is-1">Eine verstehbare, digitale Welt</h1>
+        <h1 class="title is-1">{{ section.extra.headlines.claims }}</h1>
     </div>
     <div class="columns">
-        <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Technik hinterfragen</h1><p>TBA</p></div></div>
-        <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Digitale Mündigkeit</h1><p>TBA</p></div></div>
-        <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Mitgestalten statt konsumieren</h1><p>TBA</p></div></div>
+        {% 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>
+        </div>
+        {% endfor %}
     </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/templates/frontpage/blocks/news.html b/templates/frontpage/blocks/news.html
index 25704168..0c464600 100644
--- a/templates/frontpage/blocks/news.html
+++ b/templates/frontpage/blocks/news.html
@@ -1,6 +1,6 @@
 <section class="section">
   <div class="columns is-centered is-half">
-    <h1 class="title is-1">Neuigkeiten</h1>
+    <h1 class="title is-1">{{ section.extra.headlines.news }}</h1>
   </div>
   <div class="columns is-same-height">
     <div class="column">
diff --git a/templates/frontpage/blocks/projects.html b/templates/frontpage/blocks/projects.html
index b54a4413..7d3491cb 100644
--- a/templates/frontpage/blocks/projects.html
+++ b/templates/frontpage/blocks/projects.html
@@ -1,8 +1,12 @@
+{% set projects_section = get_section(path="projekte/_index.md") %}
+
 <section class="section">
   <div class="columns is-centered is-half">
-    <h1 class="title is-1">Unsere Projekte</h1>
+    <h1 class="title is-1">{{ section.extra.headlines.projects }}</h1>
   </div>
   <div class="columns">
+    {% for project_section_path in projects_section.subsections %}
+    {% set project_section = get_section(path=project_section_path) %}
     <div class="column">
       <div class="card">
         <figure class="image is-4by3">
@@ -15,64 +19,16 @@
       <div class="card-content">
         <div class="media">
           <div class="media-content">
-          <p class="title is-4">Hack'n'Fun</p>
+          <p class="title is-4">{{ project_section.title }}</p>
           </div>
         </div>
 
         <div class="content">
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
-          iaculis mauris.
+          {{ project_section.description }}
           <br />
         </div>
       </div>
     </div>
-    <div class="column">
-      <div class="card is-shadowless">
-        <div class="card-image">
-          <figure class="image is-4by3">
-            <img
-              src="https://bulma.io/images/placeholders/1280x960.png"
-              alt="Placeholder image"
-            />
-          </figure>
-        </div>
-        <div class="card-content">
-          <div class="media">
-            <div class="media-content">
-              <p class="title is-4">schul-frei</p>
-            </div>
-          </div>
-          <div class="content">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
-            iaculis mauris.
-            <br />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="column">
-      <div class="card is-shadowless">
-        <div class="card-image">
-          <figure class="image is-4by3">
-            <img
-              src="https://bulma.io/images/placeholders/1280x960.png"
-              alt="Placeholder image"
-            />
-          </figure>
-        </div>
-        <div class="card-content">
-          <div class="media">
-            <div class="media-content">
-              <p class="title is-4">Indiedact</p>
-            </div>
-          </div>
-          <div class="content">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
-            iaculis mauris.
-            <br />
-          </div>
-        </div>
-      </div>
-    </div>
+    {% endfor %}
   </div>
 </section>
-- 
GitLab