Moving the images of Podcast-Cover, Testimonials, Podcast-Hosts, People, Blog and Advertisement to Astro Image processing to use WebP

scripts/podcast_feed_to_content.py

@@ -28,7 +28,7 @@
 # Global variables
 PODCAST_RSS_FEED = "https://feeds.redcircle.com/0ecfdfd7-fda1-4c3d-9515-476727f9df5e"
 PATH_MARKDOWN_FILES = 'src/content/podcast'
-PATH_IMAGE_FILES = 'public/images/podcast/episode'
+PATH_IMAGE_FILES = 'src/content/podcast'
 TOML_FILE = 'netlify.toml'
 REDIRECT_PREFIX = '/episodes/'
 

src/components/BlogPostPreview.astro

@@ -1,5 +1,6 @@
 ---
 import type { CollectionEntry } from 'astro:content';
+import { Image } from "astro:assets";
 
 export interface Props {
 	post: CollectionEntry<'blog'>;
@@ -41,7 +42,7 @@ let tags = data.tags.map((element) => URLify(element));
 
 <div class={`w-full md:w-1/2 lg:w-1/3 px-4 ${cssClass}`}>
 	<a class="block mb-6 overflow-hidden rounded-md" href={`/blog/post/${post.slug}/`}>
-		<img class="w-full" src={data.thumbnail} alt={data.title} title={data.title} />
+		<Image class="w-full" src={data.thumbnail} alt={data.title} title={data.title} />
 	</a>
 	<p class="mb-2 text-coolGray-500 font-medium">
 		<time class="date" datetime={data.pubDate}>{formatDate(data.pubDate)}</time>

src/components/HostPreview.astro

@@ -1,4 +1,6 @@
 ---
+import { Image } from "astro:assets";
+
 export interface Props {
 	avatar: string;
 	name: string;
@@ -12,12 +14,15 @@ export interface Props {
 }
 
 const { avatar, name, subtitle, description, github, twitter, linkedin, website, profileLink } = Astro.props;
+const imageAvatar = (await import(`../images/teams/${avatar}.jpg`)).default
+
+// TODO We might want to migrate the Hosts to a "People" Content Collection
 ---
 
 <div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-10 hostpreview">
 	<div class="h-full py-8 px-10 bg-white rounded-md text-center">
 		<a href={profileLink}>
-			<img class="w-24 h-24 mx-auto mb-6 rounded-full" src={`/images/teams/${avatar}`} alt={name} title={name} />
+			<Image class="w-24 h-24 mx-auto mb-6 rounded-full" src={imageAvatar} alt={name} title={name} />
 		</a>
 		<a href={profileLink}>
 			<h2 class="mb-2 text-2xl md:text-3xl leading-tight font-semibold">

src/components/Organizer.astro

@@ -1,4 +1,6 @@
 ---
+import { Image } from "astro:assets";
+
 export interface Props {
 	avatar: string;
 	name: string;
@@ -11,11 +13,12 @@ export interface Props {
 }
 
 const { avatar, name, subtitle, description, github, twitter, linkedin, website } = Astro.props;
+const imageAvatar = (await import(`../images/teams/${avatar}.jpg`)).default
 ---
 
 <div class="w-full md:w-1/4 lg:w-1/4 px-4 mb-10 hostpreview">
 	<div class="h-full py-8 px-10 bg-white rounded-md text-center">
-		<img class="w-44 h-44 mx-auto mb-6 rounded-full" src={`${avatar}`} alt={name} title={name} />
+		<Image class="w-44 h-44 mx-auto mb-6 rounded-full" src={imageAvatar} alt={name} title={name} />
 
 		<h2 class="mb-2 text-2xl md:text-3xl leading-tight font-semibold">
 			{name}

src/components/PodcastEpisodeBlogpostAd.astro

@@ -4,6 +4,7 @@ export interface Props {
 }
 
 import { getCollection } from "astro:content";
+import { Image } from "astro:assets";
 import { cutText } from '../scripts/strings.js';
 
 const { episode } = Astro.props;
@@ -24,7 +25,7 @@ const description = cutText(data.description, 200);
 		<div class="w-full md:w-1/3">
 			<div class="relative mx-auto md:ml-0 max-w-max">
 				<a class="block mb-6 overflow-hidden" href={`/podcast/episode/${content.slug}/`}>
-					<img class="rounded-3xl" src={data.image} title={`Podcast episode ${data.title}`} alt={`Podcast episode ${data.title}`} />
+					<Image class="rounded-3xl" src={data.image} title={`Podcast episode ${data.title}`} alt={`Podcast episode ${data.title}`} />
 				</a>
 			</div>
 		</div>

src/components/PodcastEpisodePreview.astro

@@ -1,5 +1,6 @@
 ---
 import type { CollectionEntry } from 'astro:content';
+import { Image } from "astro:assets";
 
 export interface Props {
 	episode: CollectionEntry<'podcast'>;
@@ -21,7 +22,7 @@ let description = cutText(data.description, descriptionChars);
 
 <article class="w-full md:w-1/2 lg:w-1/3 px-4 mb-8">
 	<a class="block mb-6 overflow-hidden rounded-md" href={`/podcast/episode/${episode.slug}/`}>
-		<img class="w-full" src={data.image} alt={`Details zur Podcast Episode ${data.title}`} title={`Details zur Podcast Episode ${data.title}`} />
+		<Image class="w-full" src={data.image} alt={`Details zur Podcast Episode ${data.title}`} title={`Details zur Podcast Episode ${data.title}`} />
 	</a>
 	{
 		tags.map((element) => (

src/components/meetup-alps/Team.astro

@@ -1,7 +1,7 @@
 ---
-
 import Organizer from '../Organizer.astro'
 
+// TODO We might want to migrate the Organizer to a "People" Content Collection
 ---
 
 <section class="py-4 md:py-24 bg-coolGray-50" style="background-image: url('/images/elements/pattern-light-big.svg'); background-position: center;">
@@ -14,9 +14,9 @@ import Organizer from '../Organizer.astro'
 		</div>
 
 		<div class="flex flex-wrap justify-center -mx-4">
-			<Organizer avatar="/images/teams/wolfgang-gassler-headshot.jpg" name="Wolfgang Gassler" subtitle="Organizer" description="" github="woolfg" twitter="schafele" linkedin="wolfganggassler" website="https://wolfgang.gassler.org/" />
-			<Organizer avatar="/images/teams/tim-hannemann-headshot.jpg" name="Tim Hannemann" subtitle="Organizer" description="" github="timhannemann" twitter="timquitesocial" linkedin="timhannemann" website="" />
-			<Organizer avatar="/images/teams/romedius-weiss-headshot.jpg" name="Romedius Weiss" subtitle="Organizer" description="" github="" twitter="" linkedin="romedius-weiss-20a147258" website="" />
+			<Organizer avatar="wolfgang-gassler-headshot" name="Wolfgang Gassler" subtitle="Organizer" description="" github="woolfg" twitter="schafele" linkedin="wolfganggassler" website="https://wolfgang.gassler.org/" />
+			<Organizer avatar="tim-hannemann-headshot" name="Tim Hannemann" subtitle="Organizer" description="" github="timhannemann" twitter="timquitesocial" linkedin="timhannemann" website="" />
+			<Organizer avatar="romedius-weiss-headshot" name="Romedius Weiss" subtitle="Organizer" description="" github="" twitter="" linkedin="romedius-weiss-20a147258" website="" />
 		</div>
 	</div>
 </section>

src/content/blog/die-engineering-kiosk-website.mdx

@@ -4,11 +4,13 @@ subtitle: Der Engineering Kiosk hat eine eigene Website. Warum jetzt erst, was w
 description: 'tl:dr: Der Engineering Kiosk hat nach 22 Podcast-Episoden eine eigene Website. Gebaut mit dem static site builder [Astro](https://astro.build/). Source code ist auf [GitHub:EngineeringKiosk/webpage](https://github.com/EngineeringKiosk/webpage) verfügbar.'
 tags: ['Engineering Kiosk']
 pubDate: 2022-06-20
-thumbnail: /images/blog-content/eigene-website/brands.png
-headerimage: /images/blog-content/eigene-website/podcast-episode-overview.png
+thumbnail: ./die-engineering-kiosk-website-thumbnail.png
+headerimage: ./die-engineering-kiosk-website-header.png
 ---
 
 import PodcastEpisodeBlogpostAd from '../../components/PodcastEpisodeBlogpostAd.astro';
+import { Image } from "astro:assets";
+import imageBrands from './die-engineering-kiosk-website-thumbnail.png';
 
 Nach fünf Monaten und 22 Podcast-Episoden mit insgesamt über 20 Stunden Audio-Content, launcht der Engineering Kiosk seine eigene Website.
 
@@ -72,7 +74,7 @@ Warum?
 - Astro hat trotz hoher Flexibilität einen [simplen Content und Routing Ansatz](https://docs.astro.build/en/core-concepts/routing/)
 - Astro verfolgt einen [Partial Hydration](https://docs.astro.build/en/core-concepts/partial-hydration/) Ansatz, der eine Webseite ohne JavaScript auf der Client-Seite erlaubt.
 
-![Eingesetzte Technologien: Astro, tailwind css, Netlify und GitHub](/images/blog-content/eigene-website/brands.png 'Eingesetzte Technologien: Astro, tailwind css, Netlify und GitHub')
+<Image class="w-full mb-10 mx-auto" src={imageBrands} alt="Eingesetzte Technologien: Astro, tailwind css, Netlify und GitHub" title="Eingesetzte Technologien: Astro, tailwind css, Netlify und GitHub" />
 
 Beim Hosting verlassen wir uns [Netlify](https://www.netlify.com/).
 Mit der direkten [Anbindung an GitHub](https://github.com/apps/netlify) werden sogar bei [Pull Requests Vorschau-Umgebungen automatisch erzeugt](https://github.com/EngineeringKiosk/webpage/pull/54).

src/content/config.ts

@@ -3,7 +3,7 @@ import { z, defineCollection } from 'astro:content';
 // Schema for Podcast Episodes
 const podcastEpisodeCollection = defineCollection({
 	type: 'content',
-	schema: z.object({
+	schema: ({ image }) => z.object({
 		amazon_music: z.string(),
 		apple_podcasts: z.string(),
 		audio: z.string(),
@@ -17,7 +17,7 @@ const podcastEpisodeCollection = defineCollection({
 		description: z.string(),
 		google_podcasts: z.string(),
 		headlines: z.string(),
-		image: z.string(),
+		image: image(),
 		length_second: z.number(),
 		pubDate: z.date(),
 		rtlplus: z.string(),
@@ -38,14 +38,14 @@ const podcastEpisodeCollection = defineCollection({
 // Schema for Blog Entries
 const blogEntryCollection = defineCollection({
 	type: 'content',
-	schema: z.object({
+	schema: ({ image }) => z.object({
 		title: z.string(),
 		subtitle: z.string(),
 		description: z.string(),
 		tags: z.array(z.string()),
 		pubDate: z.date(),
-		thumbnail: z.string(),
-		headerimage: z.string(),
+		thumbnail: image(),
+		headerimage: image(),
 	}),
 });
 

src/content/podcast/-1-wrap-up-2022-und-1-geburtstag-learnings-statistiken-und-was-2023-geplant-ist.md

@@ -33,7 +33,7 @@ description: "1 Jahr Engineering Kiosk: Ein Wrap-up mit Learnings, Statistiken u
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/ZTBhMzljYTMtNDUyMi00YmI0LWIzNDgtMzdhZTZlM2UyMDNi?sa=X&ved=0CAUQkfYCahcKEwjw_fyq8K_8AhUAAAAAHQAAAAAQAQ
 headlines: links::Links||sprungmarken::Sprungmarken||hosts::Hosts||feedback-gerne-auch-als-voice-message::Feedback
   (gerne auch als Voice Message)
-image: /images/podcast/episode/-1-wrap-up-2022-und-1-geburtstag-learnings-statistiken-und-was-2023-geplant-ist.jpg
+image: ./-1-wrap-up-2022-und-1-geburtstag-learnings-statistiken-und-was-2023-geplant-ist.jpg
 length_second: 1847
 pubDate: 2023-01-05 05:00:00+00:00
 rtlplus: ''

src/content/podcast/00-developer-fangen-bei-0-an-zu-zählen.md

@@ -59,7 +59,7 @@ description: "Software Engineers fangen bei 0 an zu z\xE4hlen. Das Engineering K
   \ Rosinen gemacht wird."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/YzZmYTYwMzItNjMxOC00NmY5LTljMDQtM2I5ZTUxYTU3NmFj?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: links::Links||sprungmarken::Sprungmarken||hosts::Hosts
-image: "/images/podcast/episode/00-developer-fangen-bei-0-an-zu-z\xE4hlen.jpg"
+image: "./00-developer-fangen-bei-0-an-zu-z\xE4hlen.jpg"
 length_second: 1751
 pubDate: 2022-02-08 05:00:00+00:00
 rtlplus: ''

src/content/podcast/01-side-projects-fluch-oder-segen-für-die-karriere.md

@@ -51,7 +51,7 @@ description: "Zwei Engineering Manager \xFCber Side Projects: Wie diese den Recr
   \ Der Unterschied zwischen Schnacken und Schnackseln"
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/NTA2NGE1MTMtOWNlMC00NzNlLWEyN2ItOWY5NDY3ODkwNGQw?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: "sprungmarken::Sprungmarken||erwahnte-personen::Erw\xE4hnte Personen||hosts::Hosts"
-image: "/images/podcast/episode/01-side-projects-fluch-oder-segen-f\xFCr-die-karriere.jpg"
+image: "./01-side-projects-fluch-oder-segen-f\xFCr-die-karriere.jpg"
 length_second: 2782
 pubDate: 2022-01-03 12:00:00+00:00
 rtlplus: ''

src/content/podcast/02-technologienzoo-side-projects.md

@@ -76,7 +76,7 @@ description: "Wolfgang und Andy erz\xE4hlen ein wenig was \xFCber ihre eigenen S
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/NTYxZjhlNmQtZTg2OS00MmIxLTg1MzYtMzE5ZTk1MDI5NGRh?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: "sprungmarken::Sprungmarken||erwahnte-side-projects::Erw\xE4hnte Side Projects||erwahnte-technologien::Erw\xE4\
   hnte Technologien||anderes::Anderes||erwahnte-personen::Erw\xE4hnte Personen||hosts::Hosts"
-image: /images/podcast/episode/02-technologienzoo-side-projects.jpg
+image: ./02-technologienzoo-side-projects.jpg
 length_second: 2690
 pubDate: 2022-01-10 15:00:00+00:00
 rtlplus: ''

src/content/podcast/03-over-engineering-das-werkzeug-des-teufels.md

@@ -62,7 +62,7 @@ description: "Was ist eigentlich Over-Engineering? Und wann ist es einfach nur g
   \ Wolfgang seine Kletterschuhe nach Tschechien sendet"
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/YzI4MzgwODQtNDNlMy00Y2I2LTkwMTMtYTQ4MDQyOWI4NTQ3?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: sprungmarken::Sprungmarken||artikel::Artikel||konzepte::Konzepte||projekte::Projekte
-image: /images/podcast/episode/03-over-engineering-das-werkzeug-des-teufels.jpg
+image: ./03-over-engineering-das-werkzeug-des-teufels.jpg
 length_second: 3079
 pubDate: 2022-01-18 10:50:00+00:00
 rtlplus: ''

src/content/podcast/04-lohnt-der-einstieg-in-open-source.md

@@ -71,7 +71,7 @@ google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbG
 headlines: "sprungmarken::Sprungmarken||erwahnte-artikel::Erw\xE4hnte Artikel||erwahnte-personen::Erw\xE4\
   hnte Personen||erwahnte-projekte::Erw\xE4hnte Projekte||erwahnte-events::Erw\xE4\
   hnte Events||erwahnte-lizenzen::Erw\xE4hnte Lizenzen||hosts::Hosts"
-image: /images/podcast/episode/04-lohnt-der-einstieg-in-open-source.jpg
+image: ./04-lohnt-der-einstieg-in-open-source.jpg
 length_second: 3044
 pubDate: 2022-01-25 05:00:00+00:00
 rtlplus: ''

src/content/podcast/05-team-lead-der-einzige-ausweg.md

@@ -51,7 +51,7 @@ description: "Engineering Manager oder Team-Lead: Eine Position die sehr motivie
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/NWY3ZmIxNzUtNDM4MS00ZGQ0LWEyMDctZDVlZjZjNjc5NzA2?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: "erwahnte-artikel::Erw\xE4hnte Artikel||bucher-uber-das-engineering-management::B\xFC\
   cher \xFCber das Engineering Management||sprungmarken::Sprungmarken||hosts::Hosts"
-image: /images/podcast/episode/05-team-lead-der-einzige-ausweg.jpg
+image: ./05-team-lead-der-einzige-ausweg.jpg
 length_second: 2412
 pubDate: 2022-02-01 10:05:00+00:00
 rtlplus: ''

src/content/podcast/06-hype-oder-hope-job-titel-und-beförderungen.md

@@ -43,7 +43,7 @@ description: "Sind Machine Learning und Artificial Intelligence nur Hypes oder s
   \ hat."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/ZWJkNDBlZDgtNWE5OC00OTIxLWE2YjItMWJmNmE2ODE4YjUx?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: "links::Links||erwahnte-personen::Erw\xE4hnte Personen||sprungmarken::Sprungmarken||hosts::Hosts"
-image: "/images/podcast/episode/06-hype-oder-hope-job-titel-und-bef\xF6rderungen.jpg"
+image: "./06-hype-oder-hope-job-titel-und-bef\xF6rderungen.jpg"
 length_second: 3133
 pubDate: 2022-02-15 05:00:00+00:00
 rtlplus: ''

src/content/podcast/07-die-freelance-freiheit.md

@@ -64,7 +64,7 @@ description: "Sein eigener Chef zu sein, sich die Projekte aussuchen k\xF6nnen u
   \ beim Krafttraining im Fitnessstudio akquiriert hat, ohne selbst Gewichte zu stemmen."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/MjZiMDkyOTktY2UwMS00ZWMwLTg0MDEtZjZkOGIyMzQ2MWVk?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: links::Links||anderes::Anderes||sprungmarken::Sprungmarken||hosts::Hosts
-image: /images/podcast/episode/07-die-freelance-freiheit.jpg
+image: ./07-die-freelance-freiheit.jpg
 length_second: 3841
 pubDate: 2022-02-22 05:00:00+00:00
 rtlplus: ''

src/content/podcast/08-vergiss-doch-datenbanken.md

@@ -58,7 +58,7 @@ description: "Datenbanken, besonders relationale Datenbanken und im Web ganz bes
   \ Buchautor war."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/NzBjYjE3YTktNjA3ZC00ZmFlLWI4YWQtY2QxZjA2M2NhZmRh?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: "links::Links||erwahnte-personen::Erw\xE4hnte Personen||sprungmarken::Sprungmarken||hosts::Hosts"
-image: /images/podcast/episode/08-vergiss-doch-datenbanken.jpg
+image: ./08-vergiss-doch-datenbanken.jpg
 length_second: 3167
 pubDate: 2022-03-01 11:30:00+00:00
 rtlplus: ''

src/content/podcast/09-ukraine.md

@@ -55,7 +55,7 @@ description: "Es wird politisch: Der Angriffskrieg auf die Ukraine und eine m\xF
   \ wir ein Projekt, das lustige Geschichten hinter Open-Source Projekten sammelt."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/Y2QyNDRiYjEtODdmNy00MjI2LTg1MmQtY2I2ZWNkNjQ4YjRj?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: links::Links||sprungmarken::Sprungmarken||hosts::Hosts
-image: /images/podcast/episode/09-ukraine.jpg
+image: ./09-ukraine.jpg
 length_second: 2250
 pubDate: 2022-03-08 10:55:00+00:00
 rtlplus: ''

src/content/podcast/10-das-karriere-booster-meeting-11s.md

@@ -44,7 +44,7 @@ description: "1on1s - Zeitverschwendung oder eins der wertvollsten Meetings dein
   \ Andy abgebrochen hat."
 google_podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5yZWRjaXJjbGUuY29tLzBlY2ZkZmQ3LWZkYTEtNGMzZC05NTE1LTQ3NjcyN2Y5ZGY1ZQ/episode/YzgxNmY3NjAtYTYwYy00OTAyLTgwN2MtODgwYzNlZWEzMGNm?sa=X&ved=0CAUQkfYCahcKEwi4xMSxj4L4AhUAAAAAHQAAAAAQNQ
 headlines: links::Links||sprungmarken::Sprungmarken||hosts::Hosts
-image: /images/podcast/episode/10-das-karriere-booster-meeting-11s.jpg
+image: ./10-das-karriere-booster-meeting-11s.jpg
 length_second: 2756
 pubDate: 2022-03-15 05:30:00+00:00
 rtlplus: ''