Add descriptions for Workshops and Freizeiten

content/projekte/hack-n-fun/freizeiten.md

@@ -4,4 +4,20 @@ title = "Freizeiten"
 [taxonomies]
 projekt = ["Hack'n'Fun"]
 zielgruppe = ["Kinder und Jugendliche", "Eltern"]
+
+[[extra.further.freizeit]]
+image = { url= "/images/hacken_am_Lagerfeuer.jpg", alt = "Mehrere Jugendliche sitzen an einem Lagerfeuer und entwickeln an ihrem eigenem Spiel" }
+title = "Hack'N'Sun"
+link = "@/projekte/hack-n-fun/freizeiten/hacknsun.md"
+description = "Unsere Jährliche Sommerfreizeit mit vielem Workshops, Spielen und viel Spaß!"
+
+[[extra.further.freizeit]]
+image = { url= "/images/froglabs_banner.png", alt = "Text mit der aufschrift FrogLabs in dessem o sich ein Forsch befindet." }
+title = "FrogLabs"
+link = "@/projekte/hack-n-fun/freizeiten/froglabs.md"
+description = "Unser Workshop angebot auf der FrOSCon!"
+
 +++
+
+{{ further(category="freizeit", title="Unsere Freizeiten") }}
+

content/projekte/hack-n-fun/freizeiten/froglabs.md

++++
+title = "FrogLabs"
++++

content/projekte/hack-n-fun/freizeiten/hacknsun.md

++++
+titel = "Hack'N'Sun"
++++

content/projekte/hack-n-fun/workshops.md

@@ -6,22 +6,28 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Eltern", "Lehrkräfte und Schulen", "Hacker und Maker"]
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/elektronikbasteln.jpg", alt = "Bild von einem Kind welches mit Elekrtobauteilen arbeitet" }
 title = "Elektronik und Mikrocontroller"
 link = "@/projekte/hack-n-fun/workshops/elektronik.md"
-description = ""
+description = "Elektronik und Mikrocontroller programmieren mit MicroPython – Du baust kleine elektronische Schaltungen aus und erweckst sie mit Programmcode zum Leben"
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/hacken_am_Lagerfeuer.jpg", alt = "Mehrere Jugendliche sitzen an einem Lagerfeuer und entwickeln an ihrem eigenem Spiel" }
 title = "Spiele programmieren"
 link = "@/projekte/hack-n-fun/workshops/programmieren.md"
-description = ""
+description = "Spiele programmieren mit Python und Pygame – Du programmierst ein kleines 2D-Spiel mit der Programmiersprache Python"
 
 [[extra.further.themen]]
-image = { url= "", alt = "" }
+image = { url= "/images/minetest-screenshot.jpg", alt = "Bild von einer Burg in einem Blockspiel" }
 title = "Minetest-Welten und -Modding"
 link = "@/projekte/hack-n-fun/workshops/minetest.md"
-description = ""
+description = "Hier kannst du eigene Welten bauen und das programmieren von eigenen Modifikationen lernen"
+
+[[extra.further.themen]]
+image = { url= "/images/3Druck.jpg", alt = "Bild von einem 3D gedruckten Drachen in eiem 3D-Drucker" }
+title = "3D-Modellierung"
+link = "@/projekte/hack-n-fun/workshops/3dmodels.md"
+description = "Hier lernst du das Modelliren von Tieren, welche du später 3D-Drucken kannst."
 +++
 
 In der Teckids-Gemeinschaft geht es im Wesentlichen darum, jungen Menschen

content/projekte/hack-n-fun/workshops/3dmodels.md

++++
+title = "3D Modellierung"
++++
+

package.json

 {
   "dependencies": {
-    "bulma": "^0.9.4",
-    "@fortawesome/fontawesome-free": "^6.5.1"
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "bulma": "^0.9.4"
   }
 }

templates/footer.html

 <div class="footer">
-  <div class="columns">
+  <div class="columns is-multiline">
     <div class="column is-one-fourth">
       <p class="title is-5">Teckisd e.V.</p>
       <address>

templates/shortcodes/further.html

 <section class="section">
   <h2>{{title|default(value="Weiteres zu diesem Thema")}}</h2>
-  <div class="columns">
+  <div class="columns is-multiline">
     {% for further in page.extra.further[category] %}
       <div class="column is-one-third">
         <div class="card">