Correctly resize images for further block and colocate

content/infos/digitale-muendigkeit.md → content/infos/digitale-muendigkeit/index.md

@@ -10,7 +10,8 @@ forum = ""
 chat = ""
 
 [[extra.further.muendigkeit]]
-image = { url = "/images/muendigkeit_dc.jpg", alt = "Zeichnung von Schulkindern, die über Kopfhörer mit dem Inhalt von Büchern beschallt werden" }
+image = "muendigkeit_dc.jpg"
+alt = "Zeichnung von Schulkindern, die über Kopfhörer mit dem Inhalt von Büchern beschallt werden"
 title = "Digitale Mündigkeit für Erwachsene bei Digitalcourage"
 link = "https://digitalcourage.de/digitale-selbstverteidigung/digitale-muendigkeit"
 description = "TBA"

content/infos/kinder-digitales.md → content/infos/kinder-digitales/index.md

@@ -10,22 +10,25 @@ forum = ""
 chat = ""
 
 [[extra.further.literatur]]
-image = { url = "/images/screen-teens.jpg", alt = "Buch-Cover des Buches Screen Teens" }
+image = "screen-teens.jpg"
+alt = "Buch-Cover des Buches Screen Teens"
 title = "Buch Screen Teens von Jessica Wawrzyniak"
 link = "https://digitalcourage.de/blog/2023/screen-teens"
 description = "Jessica von #kids #digital #genial hat einen umfangreichen Ratgeber für Eltern zum vertrauensvollen Umgang mit digitalen Medien und der entsprechenden Begleitung für Kinder verfasst."
 
 [[extra.further.literatur]]
-image = { url = "/images/teddy-kamera.jpg", alt = "Teddybär mit Kamera" }
+image = "teddy-kamera.jpg"
+alt = "Teddybär mit Kamera"
 title = "Digitalcourage: Aufpassen statt überwachen"
 link = "https://digitalcourage.de/blog/2018/aufpassen-statt-ueberwachen"
 description = "Auf der Website von Digitalcourage wird für Eltern gezielt erklärt, wieso die Nutzung von Überwachungs- und Kontroll-Apps oft trügerische Sicherheit und Gefahren birgt."
 
-[[extra.further.literatur]]
-image = { url = "", alt = "" }
-title = "Quarks: Positive und negative Folgen von Videospielen"
-link = "https://www.quarks.de/gesellschaft/positive-und-negative-folgen-von-videospielen/"
-description = "Die Sendung Quarks informiert kurz zusammengefasst über verschiedene Effekte durch das Spielen von Videospielen"
+#[[extra.further.literatur]]
+#image = ""
+#alt = ""
+#title = "Quarks: Positive und negative Folgen von Videospielen"
+#link = "https://www.quarks.de/gesellschaft/positive-und-negative-folgen-von-videospielen/"
+#description = "Die Sendung Quarks informiert kurz zusammengefasst über verschiedene Effekte durch das Spielen von Videospielen"
 +++
 
 Digitale Medien und technische Geräte sind faszinierend. Das geht nicht nur

content/infos/verstehen.md → content/infos/verstehen/index.md

@@ -4,11 +4,12 @@ title = "Verstehen statt konsumieren"
 [taxonomies]
 zielgruppe = ["Eltern"]
 
-[[extra.further.verstehbarkeit]]
-image = { url = "", alt = "" }
-title = ""
-link = ""
-description = ""
+#[[extra.further.verstehbarkeit]]
+#image = ""
+#alt = ""
+#title = ""
+#link = ""
+#description = ""
 
 [extra.platforms]
 wiki = ""
@@ -64,7 +65,6 @@ Sprachnachricht technisch, wann und wie wird sie verschlüsselt, und
 welchen Weg nimmt sie durch Server im Internet, bis sie am Ziel
 ankommt? Mit diesem Wissen kann man dann selber urteilen und entscheiden.
 
-{{ further(category="verstehbarkeit") }}
 
 ## Frei, offen und verstehbar
 

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

@@ -6,13 +6,15 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Kinder und Jugendliche", "Eltern"]
 
 [[extra.further.freizeit]]
-image = { url= "/images/hacken_am_lagerfeuer.jpg", alt = "Mehrere Jugendliche sitzen an einen Lagerfeuer und entwickeln an ihrem eigenem Spiel" }
+image = "hacken_am_lagerfeuer.jpg"
+alt = "Mehrere Jugendliche sitzen an einen 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 vielen Workshops, Spielen und viel spaß!"
 
 [[extra.further.freizeit]]
-image = { url= "/images/froglabs_banner.png", alt = "FrogLabs-Logo" }
+image = "froglabs_banner.png"
+alt = "FrogLabs-Logo"
 title = "FrogLabs"
 link = "@/projekte/hack-n-fun/freizeiten/froglabs.md"
 description = "Unsere Jugendworkshops auf Open-Source-Konferenzen"

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

@@ -6,25 +6,29 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Eltern", "Lehrkräfte und Schulen", "Hacker und Maker"]
 
 [[extra.further.themen]]
-image = { url= "/images/elektronikbasteln.jpg", alt = "Bild von einem Kind welches mit Elekrtobauteilen arbeitet" }
+image = "elektronikbasteln.jpg"
+alt = "Bild von einem Kind welches mit Elekrtobauteilen arbeitet"
 title = "Elektronik und Mikrocontroller"
 link = "@/projekte/hack-n-fun/workshops/elektronik.md"
 description = "Elektronik und Mikrocontroller programmieren mit MicroPython – Hier kann man kleine elektronische Schaltungen bauen und mit Programmcode zum Leben erwecken"
 
 [[extra.further.themen]]
-image = { url= "/images/beispiel-pygame.png", alt = "Bild eines Spieles" }
+image = "beispiel-pygame.png"
+alt = "Bild eines Spieles"
 title = "Spiele programmieren"
 link = "@/projekte/hack-n-fun/workshops/programmieren.md"
 description = "Spiele programmieren mit Python und Pygame – Hier lernt man das programmieren ein kleines 2D-Spiel mit der Programmiersprache Python"
 
 [[extra.further.themen]]
-image = { url= "/images/minetest-hacknsun.jpg", alt = "Bild von einem Laptop mit einem Spiel im hintergrund" }
+image = "minetest-hacknsun.jpg"
+alt = "Bild von einem Laptop mit einem Spiel im hintergrund"
 title = "Minetest-Welten und -Modding"
 link = "@/projekte/hack-n-fun/workshops/minetest.md"
 description = "Hier kannst du eigene Welten bauen und das Programmieren von eigenen Modifikationen lernen"
 
 [[extra.further.themen]]
-image = { url= "/images/3d-druck.jpg", alt = "Bild von einem 3D-gedruckten Drachen in eiem 3D-Drucker" }
+image = "3d-druck.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 man das Modelliren von Tieren, welche man 3D-Drucken kann."
@@ -39,7 +43,7 @@ auseinanderzusetzen. Die Ideen kommen dabei von der Gruppe selber;
 Um Kinder und Jugendliche zu erreichen, die selber noch wenig Vorstellung
 davon haben, wie selbstgestaltete Technik aussehen kann oder welche
 Möglichkeiten und Themen es gibt, bieten wir aber auch ein Workshopprogramm an,
-das man bei unseren [Wochenend- und Ferienfreizeiten](@/projekte/hack-n-fun/freizeiten.md)
+das man bei unseren [Wochenend- und Ferienfreizeiten](@/projekte/hack-n-fun/freizeiten/index.md)
 besuchen kann oder mit dem wir auch gerne zu Gast bei Anderen sind.
 
 {{ further(category="themen", title="Die aktuellen Workshop-Themen") }}

templates/shortcodes/further.html

@@ -7,7 +7,8 @@
           <div class="card-image">
             <a href="{{ get_url(path=further.link)}}">
               <figure class="image is-4by3">
-                <img src="{{further.image.url}}" alt="{{further.image.alt}}" />
+                {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ further.image, width=800, height=600) -%}
+                <img src="{{image.url}}" alt="{{further.alt}}" />
                 {% if further.image.credits %}
                   <figcaption>{{ further.image.credits }}</figcaption>
                 {% endif %}