Use section data for index page content

content/_index.md

 +++
+[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"
 +++

content/projekte/_index.md

++++
++++

templates/frontpage/blocks/claim.html

 <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>

templates/frontpage/blocks/news.html

 <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">

templates/frontpage/blocks/projects.html

+{% 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>