From 7ba50dd1971ae2827ecd81abd35a7a53a723aab5 Mon Sep 17 00:00:00 2001
From: Aaron Czichon <mail@aaronczichon.de>
Date: Fri, 12 Apr 2024 19:38:18 +0000
Subject: [PATCH] feat: added image header support for blog entries

---
 personal/src/components/BlogEntryList.astro   |  9 ----
 .../content/blog/17-custom-github-runner.md   |  3 ++
 personal/src/content/config.ts                |  3 +-
 personal/src/layouts/Post.astro               |  6 ++-
 personal/src/pages/blog/[...slug].astro       |  6 ++-
 personal/src/pages/index2.astro               | 49 -------------------
 6 files changed, 15 insertions(+), 61 deletions(-)
 delete mode 100644 personal/src/pages/index2.astro

diff --git a/personal/src/components/BlogEntryList.astro b/personal/src/components/BlogEntryList.astro
index 21afd24..cd6ed55 100644
--- a/personal/src/components/BlogEntryList.astro
+++ b/personal/src/components/BlogEntryList.astro
@@ -21,15 +21,6 @@ const { limit } = Astro.props;
       .slice(0, limit)
       .map((post) => (
         <a href={"/blog/" + post.slug} class="entry">
-          {post.data.image ? (
-            <Image
-              widths={[700]}
-              sizes={`700px`}
-              src={post.data.image.url}
-              alt={post.data.image.alt}
-              style="max-height: 350px; width: 100%; object-fit: cover;"
-            />
-          ) : null}
           <h3>
             {post.data.title} <br />
             <span class="entry--date">
diff --git a/personal/src/content/blog/17-custom-github-runner.md b/personal/src/content/blog/17-custom-github-runner.md
index bfb3b1b..7af09c5 100644
--- a/personal/src/content/blog/17-custom-github-runner.md
+++ b/personal/src/content/blog/17-custom-github-runner.md
@@ -3,6 +3,9 @@ title: "Raspberry Pi as a Github Runner"
 pubDate: 2024-04-12
 description: "You can use a Raspberry Pi as a plug and play Github runner easily"
 author: "Aaron Czichon"
+image:
+  src: "https://directus.aaronczichon.de/assets/fcff64aa-1ddd-445e-a5fc-531a5dde6b12.jpg?quality=70&width=2000"
+  alt: "Shows a Raspberry Pi Model 3 on top of an Apple TV 4"
 tags: ["Work", "Raspberry Pi", "Development", "Github"]
 ---
 
diff --git a/personal/src/content/config.ts b/personal/src/content/config.ts
index 76e2eff..3b094e6 100644
--- a/personal/src/content/config.ts
+++ b/personal/src/content/config.ts
@@ -9,7 +9,8 @@ const blogCollection = defineCollection({
 			tags: z.array(z.string()),
 			image: z
 				.object({
-					url: image(),
+					url: image().optional(),
+					src: z.string().optional(),
 					alt: z.string(),
 				})
 				.optional(),
diff --git a/personal/src/layouts/Post.astro b/personal/src/layouts/Post.astro
index 61aab0c..74a3d0a 100644
--- a/personal/src/layouts/Post.astro
+++ b/personal/src/layouts/Post.astro
@@ -8,7 +8,11 @@ const { frontmatter } = Astro.props;
 <Layout title={"Aaron Czichon - Blog - " + frontmatter.title}>
   {
     frontmatter.image ? (
-      <Hero url={frontmatter.image.url} alt={frontmatter.image.alt} />
+      frontmatter.image.src ? (
+        <Hero url={frontmatter.image.src} alt={frontmatter.image.alt} />
+      ) : (
+        <Hero image={frontmatter.image.url} alt={frontmatter.image.alt} />
+      )
     ) : (
       ""
     )
diff --git a/personal/src/pages/blog/[...slug].astro b/personal/src/pages/blog/[...slug].astro
index a8ae126..1ab2110 100644
--- a/personal/src/pages/blog/[...slug].astro
+++ b/personal/src/pages/blog/[...slug].astro
@@ -23,7 +23,11 @@ const readingTime = Math.ceil(wordCount / averageWPM);
 <Layout title={"Aaron Czichon - Blog - " + entry.data.title}>
   {
     entry.data.image ? (
-      <Hero image={entry.data.image.url} alt={entry.data.image.alt} />
+      entry.data.image.src ? (
+        <Hero url={entry.data.image.src} alt={entry.data.image.alt} />
+      ) : (
+        <Hero image={entry.data.image.url} alt={entry.data.image.alt} />
+      )
     ) : (
       ""
     )
diff --git a/personal/src/pages/index2.astro b/personal/src/pages/index2.astro
deleted file mode 100644
index f5a7790..0000000
--- a/personal/src/pages/index2.astro
+++ /dev/null
@@ -1,49 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
-import BlogEntryList from "../components/BlogEntryList.astro";
----
-
-<Layout title="Aaron Czichon - Home">
-  <main class="container">
-    <article>
-      <h1>Hi, I'm Aaron!</h1>
-      <p>
-        I work at <a target="_blank" href="https://plan-b-gmbh.com"
-          >PlanB. GmbH</a
-        > since September 2020 as an Solution Expert with focus on web technologies.
-        In previous years I worked at cellent AG as a developer and at a startup
-        as Head of Software Development.
-      </p>
-      <p>
-        Over the past few years of software development I wrote several apps,
-        articles and talked at conferences. Since August 2022 I'm listed as an
-        official <a target="_blank" href="https://ionic.io/developer-experts"
-          >Ionic Developer Expert (IDE)</a
-        >.
-      </p>
-      <p>
-        You can also take a look at my public <a
-          target="_blank"
-          href="https://github.com/aaronczichon">Github</a
-        > profile or let me hear something from you on <a
-          target="_blank"
-          href="https://mastodon.social/@czichon">Mastodon</a
-        >.
-      </p>
-      <p>
-        Need a conversation starter? <br /> I like motorcycling, volleyball and Formula
-        1.
-      </p>
-      <p>If you have questions don't hesitate to contact me.</p>
-      <p>
-        Want to talk to me? <a
-          target="_blank"
-          href="https://cal.com/aaronczichon/30min">Book</a
-        > a slot if you like. I would love to chat :)
-      </p>
-    </article>
-    <h2 style="padding-top: 32px">My latest blog entries</h2>
-    <BlogEntryList limit="5" />
-    <a href="/blog" style="padding-bottom: 32px">read more...</a>
-  </main>
-</Layout>