From 91bd80e3e21f5acbde423e154aa55649a6aec6ed Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Wed, 13 Mar 2024 20:47:22 +0100
Subject: [PATCH] Correctly resize images for further block and colocate
---
.../index.md} | 3 ++-
.../digitale-muendigkeit}/muendigkeit_dc.jpg | Bin
.../index.md} | 17 ++++++++++-------
.../infos/kinder-digitales}/screen-teens.jpg | Bin
.../infos/kinder-digitales}/teddy-kamera.jpg | Bin
content/infos/muendigkeit-dc.jpg | 0
.../infos/{verstehen.md => verstehen/index.md} | 12 ++++++------
.../hack-n-fun/freizeiten}/froglabs_banner.png | Bin
.../freizeiten}/hacken_am_lagerfeuer.jpg | Bin
.../{freizeiten.md => freizeiten/index.md} | 6 ++++--
.../hack-n-fun/workshops}/3d-druck.jpg | Bin
.../hack-n-fun/workshops}/beispiel-pygame.png | Bin
.../workshops}/elektronikbasteln.jpg | Bin
.../{workshops.md => workshops/index.md} | 14 +++++++++-----
.../workshops}/minetest-hacknsun.jpg | Bin
templates/shortcodes/further.html | 3 ++-
16 files changed, 33 insertions(+), 22 deletions(-)
rename content/infos/{digitale-muendigkeit.md => digitale-muendigkeit/index.md} (96%)
rename {static/images => content/infos/digitale-muendigkeit}/muendigkeit_dc.jpg (100%)
rename content/infos/{kinder-digitales.md => kinder-digitales/index.md} (94%)
rename {static/images => content/infos/kinder-digitales}/screen-teens.jpg (100%)
rename {static/images => content/infos/kinder-digitales}/teddy-kamera.jpg (100%)
delete mode 100644 content/infos/muendigkeit-dc.jpg
rename content/infos/{verstehen.md => verstehen/index.md} (96%)
rename {static/images => content/projekte/hack-n-fun/freizeiten}/froglabs_banner.png (100%)
rename {static/images => content/projekte/hack-n-fun/freizeiten}/hacken_am_lagerfeuer.jpg (100%)
rename content/projekte/hack-n-fun/{freizeiten.md => freizeiten/index.md} (71%)
rename {static/images => content/projekte/hack-n-fun/workshops}/3d-druck.jpg (100%)
rename {static/images => content/projekte/hack-n-fun/workshops}/beispiel-pygame.png (100%)
rename {static/images => content/projekte/hack-n-fun/workshops}/elektronikbasteln.jpg (100%)
rename content/projekte/hack-n-fun/{workshops.md => workshops/index.md} (84%)
rename {static/images => content/projekte/hack-n-fun/workshops}/minetest-hacknsun.jpg (100%)
diff --git a/content/infos/digitale-muendigkeit.md b/content/infos/digitale-muendigkeit/index.md
similarity index 96%
rename from content/infos/digitale-muendigkeit.md
rename to content/infos/digitale-muendigkeit/index.md
index 88406f45..268bd36b 100644
--- a/content/infos/digitale-muendigkeit.md
+++ b/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"
diff --git a/static/images/muendigkeit_dc.jpg b/content/infos/digitale-muendigkeit/muendigkeit_dc.jpg
similarity index 100%
rename from static/images/muendigkeit_dc.jpg
rename to content/infos/digitale-muendigkeit/muendigkeit_dc.jpg
diff --git a/content/infos/kinder-digitales.md b/content/infos/kinder-digitales/index.md
similarity index 94%
rename from content/infos/kinder-digitales.md
rename to content/infos/kinder-digitales/index.md
index 9eaeab02..d8f2ad51 100644
--- a/content/infos/kinder-digitales.md
+++ b/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
diff --git a/static/images/screen-teens.jpg b/content/infos/kinder-digitales/screen-teens.jpg
similarity index 100%
rename from static/images/screen-teens.jpg
rename to content/infos/kinder-digitales/screen-teens.jpg
diff --git a/static/images/teddy-kamera.jpg b/content/infos/kinder-digitales/teddy-kamera.jpg
similarity index 100%
rename from static/images/teddy-kamera.jpg
rename to content/infos/kinder-digitales/teddy-kamera.jpg
diff --git a/content/infos/muendigkeit-dc.jpg b/content/infos/muendigkeit-dc.jpg
deleted file mode 100644
index e69de29b..00000000
diff --git a/content/infos/verstehen.md b/content/infos/verstehen/index.md
similarity index 96%
rename from content/infos/verstehen.md
rename to content/infos/verstehen/index.md
index 568796aa..a4079272 100644
--- a/content/infos/verstehen.md
+++ b/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
diff --git a/static/images/froglabs_banner.png b/content/projekte/hack-n-fun/freizeiten/froglabs_banner.png
similarity index 100%
rename from static/images/froglabs_banner.png
rename to content/projekte/hack-n-fun/freizeiten/froglabs_banner.png
diff --git a/static/images/hacken_am_lagerfeuer.jpg b/content/projekte/hack-n-fun/freizeiten/hacken_am_lagerfeuer.jpg
similarity index 100%
rename from static/images/hacken_am_lagerfeuer.jpg
rename to content/projekte/hack-n-fun/freizeiten/hacken_am_lagerfeuer.jpg
diff --git a/content/projekte/hack-n-fun/freizeiten.md b/content/projekte/hack-n-fun/freizeiten/index.md
similarity index 71%
rename from content/projekte/hack-n-fun/freizeiten.md
rename to content/projekte/hack-n-fun/freizeiten/index.md
index ca6fe3e8..7caba68e 100644
--- a/content/projekte/hack-n-fun/freizeiten.md
+++ b/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"
diff --git a/static/images/3d-druck.jpg b/content/projekte/hack-n-fun/workshops/3d-druck.jpg
similarity index 100%
rename from static/images/3d-druck.jpg
rename to content/projekte/hack-n-fun/workshops/3d-druck.jpg
diff --git a/static/images/beispiel-pygame.png b/content/projekte/hack-n-fun/workshops/beispiel-pygame.png
similarity index 100%
rename from static/images/beispiel-pygame.png
rename to content/projekte/hack-n-fun/workshops/beispiel-pygame.png
diff --git a/static/images/elektronikbasteln.jpg b/content/projekte/hack-n-fun/workshops/elektronikbasteln.jpg
similarity index 100%
rename from static/images/elektronikbasteln.jpg
rename to content/projekte/hack-n-fun/workshops/elektronikbasteln.jpg
diff --git a/content/projekte/hack-n-fun/workshops.md b/content/projekte/hack-n-fun/workshops/index.md
similarity index 84%
rename from content/projekte/hack-n-fun/workshops.md
rename to content/projekte/hack-n-fun/workshops/index.md
index 4f70c1b3..920351a3 100644
--- a/content/projekte/hack-n-fun/workshops.md
+++ b/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") }}
diff --git a/static/images/minetest-hacknsun.jpg b/content/projekte/hack-n-fun/workshops/minetest-hacknsun.jpg
similarity index 100%
rename from static/images/minetest-hacknsun.jpg
rename to content/projekte/hack-n-fun/workshops/minetest-hacknsun.jpg
diff --git a/templates/shortcodes/further.html b/templates/shortcodes/further.html
index 2a5c2d13..475c9b0b 100644
--- a/templates/shortcodes/further.html
+++ b/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 %}
--
GitLab