From feb9b21ff875c2e9918f3e8c04cce884010b0a53 Mon Sep 17 00:00:00 2001
From: Max Richter <jim-x@web.de>
Date: Wed, 3 Apr 2024 18:54:51 +0200
Subject: [PATCH] feat: some shit

---
 src/components/HeroCard.astro                    | 15 ++++++---------
 src/components/ThemeToggle.svelte                | 11 +++++------
 src/content/blog/alpine-valley/index.en.mdx      |  2 +-
 src/content/blog/alpine-valley/index.mdx         |  4 ++--
 src/content/blog/random-renders-02/index.en.mdx  |  4 ++--
 src/content/blog/random-renders-02/index.mdx     |  4 ++--
 src/content/blog/random-renders-no1/index.en.mdx |  2 +-
 src/content/blog/random-renders-no1/index.mdx    |  2 +-
 src/content/blog/sketche-01/index.en.mdx         |  2 +-
 src/content/blog/sketche-01/index.mdx            |  2 +-
 src/content/blog/speed_scene_03/index.en.mdx     |  2 +-
 src/content/blog/speed_scene_03/index.mdx        |  4 ++--
 src/content/blog/speed_scene_0405/index.en.mdx   |  2 +-
 src/content/blog/speed_scene_0405/index.mdx      |  2 +-
 .../blog/station-b3-4-offline/index.en.mdx       |  2 +-
 src/content/blog/station-b3-4-offline/index.mdx  |  2 +-
 src/content/blog/surfirvorcamp-esmoriz/index.mdx |  2 +-
 src/content/blog/the-end/index.mdx               |  2 +-
 src/content/blog/webgl-showcase/index.mdx        |  2 +-
 src/content/blog/workroom-no2/index.en.mdx       |  2 +-
 src/content/blog/workroom/index.en.mdx           |  2 +-
 src/content/config.ts                            |  7 +++++--
 src/content/photos/bigge-changes/index.mdx       |  2 +-
 src/content/photos/bilder-caen-ogrove/index.mdx  |  2 +-
 .../index.mdx                                    |  2 +-
 src/content/photos/cologne-spring/index.mdx      |  2 +-
 src/content/photos/erasmus-valencia/index.en.mdx |  2 +-
 src/content/photos/erasmus-valencia/index.mdx    |  2 +-
 src/content/photos/point-de-lisle/index.en.mdx   |  2 +-
 src/content/photos/point-de-lisle/index.mdx      |  2 +-
 src/content/photos/portugal-2021/index.mdx       |  2 +-
 src/content/photos/sestri-levante/index.mdx      |  2 +-
 src/content/projects/invoice/{ => images}/bg.jpg |  0
 src/content/projects/invoice/{ => images}/bg.svg |  0
 src/content/projects/invoice/index.md            |  2 +-
 src/content/projects/karl/index.md               |  2 +-
 src/content/projects/modern/index.md             |  2 +-
 src/content/projects/plantarium/index.en.mdx     |  2 +-
 src/content/projects/plantarium/index.mdx        |  2 +-
 src/helpers/{exif.ts => exif_}                   |  0
 src/layouts/Layout.astro                         |  3 ++-
 src/pages/blog/index.astro                       | 16 +---------------
 tsconfig.json                                    |  3 +++
 43 files changed, 60 insertions(+), 71 deletions(-)
 rename src/content/projects/invoice/{ => images}/bg.jpg (100%)
 rename src/content/projects/invoice/{ => images}/bg.svg (100%)
 rename src/helpers/{exif.ts => exif_} (100%)

diff --git a/src/components/HeroCard.astro b/src/components/HeroCard.astro
index 7fd7a99..a763a6d 100644
--- a/src/components/HeroCard.astro
+++ b/src/components/HeroCard.astro
@@ -3,13 +3,14 @@ import markdownToText from "@helpers/markdownToText";
 import { Card } from "./card";
 import { useTranslatedPath, useTranslations } from "@i18n/utils";
 import Image from "@components/Image.astro";
+import type { ImageMetadata } from "astro";
 
 interface Props {
   post: {
     data: {
       title: string;
       icon?: string;
-      headerImg?: string;
+      cover?: ImageMetadata;
     };
     collection: string;
     slug: string;
@@ -18,7 +19,7 @@ interface Props {
 }
 
 const {
-  data: { title, headerImg, icon },
+  data: { title, cover, icon },
   collection,
   body,
   slug,
@@ -27,15 +28,11 @@ const {
 const translatePath = useTranslatedPath(Astro.url);
 const t = useTranslations(Astro.url);
 
-const imagePath = `../content/${collection}/${slug.split("/")[0]}/${headerImg}`;
-
-const image = headerImg && (await import(imagePath)).default;
-
 const link = translatePath(`/${collection}/${slug.split("/")[0]}`);
 ---
 
 <Card
-  classes={`grid gradient border-1 border-neutral overflow-hidden  ${image ? "grid-rows-[200px_1fr] sm:grid-rows-none sm:grid-cols-[1fr_200px]" : ""}`}
+  classes={`grid gradient border-1 border-neutral overflow-hidden  ${cover ? "grid-rows-[200px_1fr] sm:grid-rows-none sm:grid-cols-[1fr_200px]" : ""}`}
 >
   <Card.Content classes="px-8 py-7 order-last sm:order-first">
     <Card.Title classes="text-4xl flex items-center gap-2">
@@ -48,10 +45,10 @@ const link = translatePath(`/${collection}/${slug.split("/")[0]}`);
     <Card.ReadMoreButton link={link} text={t("read-more")} />
   </Card.Content>
   {
-    image?.format && (
+    cover && (
       <a href={link}>
         <Image
-          src={image}
+          src={cover}
           alt={"cover for " + title}
           class="right-0 h-full object-cover object-center rounded-none border-l border-neutral"
         />
diff --git a/src/components/ThemeToggle.svelte b/src/components/ThemeToggle.svelte
index b9eebfe..7ef2942 100644
--- a/src/components/ThemeToggle.svelte
+++ b/src/components/ThemeToggle.svelte
@@ -2,11 +2,7 @@
   import { onMount } from "svelte";
   import { writable } from "svelte/store";
 
-  let theme = writable("light");
-
-  onMount(() => {
-    theme.set(localStorage.getItem("theme") || "light");
-  });
+  let theme = writable("");
 
   $: if ($theme && "document" in globalThis) {
     document.documentElement.classList.remove("light", "dark");
@@ -15,9 +11,12 @@
   }
 
   function toggleTheme() {
-    console.log($theme);
     theme.update((t) => (t === "light" ? "dark" : "light"));
   }
+
+  onMount(() => {
+    theme.set(localStorage.getItem("theme") || "dark");
+  });
 </script>
 
 <button class="block w-6 h-6" on:click={toggleTheme} title="toggle dark mode">
diff --git a/src/content/blog/alpine-valley/index.en.mdx b/src/content/blog/alpine-valley/index.en.mdx
index e60f3dc..00509cf 100644
--- a/src/content/blog/alpine-valley/index.en.mdx
+++ b/src/content/blog/alpine-valley/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Alpine Valley"
 date: 2016-12-22
-headerImg: "images/Render.png"
+cover: ./images/Render.png
 comments: true
 ---
 import Image from "@components/Image.astro";
diff --git a/src/content/blog/alpine-valley/index.mdx b/src/content/blog/alpine-valley/index.mdx
index a58e133..0df1287 100644
--- a/src/content/blog/alpine-valley/index.mdx
+++ b/src/content/blog/alpine-valley/index.mdx
@@ -1,7 +1,7 @@
 ---
-title: "Alpine Valley"
+title: Alpine Valley
 date: 2016-12-22
-headerImg: "images/Render.png"
+cover: ./images/Render.png
 comments: true
 ---
 
diff --git a/src/content/blog/random-renders-02/index.en.mdx b/src/content/blog/random-renders-02/index.en.mdx
index ca50e05..5eb2450 100644
--- a/src/content/blog/random-renders-02/index.en.mdx
+++ b/src/content/blog/random-renders-02/index.en.mdx
@@ -1,7 +1,7 @@
 ---
-title: "Random Renders NO°2"
+title: Random Renders NO°2
 date: 2023-05-11
-headerImg: "images/palma.png"
+cover: ./images/palma.png
 featured: true
 comments: true
 ---
diff --git a/src/content/blog/random-renders-02/index.mdx b/src/content/blog/random-renders-02/index.mdx
index 782ac18..775cff8 100644
--- a/src/content/blog/random-renders-02/index.mdx
+++ b/src/content/blog/random-renders-02/index.mdx
@@ -1,7 +1,7 @@
 ---
-title: "Random Renders NO°2"
+title: Random Renders NO°2
 date: 2023-05-11
-headerImg: "images/palma.png"
+cover: ./images/palma.png
 featured: true
 comments: true
 ---
diff --git a/src/content/blog/random-renders-no1/index.en.mdx b/src/content/blog/random-renders-no1/index.en.mdx
index 82f8fdd..ed01f7b 100644
--- a/src/content/blog/random-renders-no1/index.en.mdx
+++ b/src/content/blog/random-renders-no1/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Random Renders NO°1"
 date: 2018-12-30
-headerImg: "images/myown.png"
+cover: ./images/myown.png
 comments: true
 ---
 
diff --git a/src/content/blog/random-renders-no1/index.mdx b/src/content/blog/random-renders-no1/index.mdx
index 1402b73..88cbc40 100644
--- a/src/content/blog/random-renders-no1/index.mdx
+++ b/src/content/blog/random-renders-no1/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Random Renders NO°1"
 date: 2018-12-30
-headerImg: "images/myown.png"
+cover: ./images/myown.png
 comments: true
 ---
 
diff --git a/src/content/blog/sketche-01/index.en.mdx b/src/content/blog/sketche-01/index.en.mdx
index 1e1244c..0339713 100644
--- a/src/content/blog/sketche-01/index.en.mdx
+++ b/src/content/blog/sketche-01/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Sketche 01"
 date: 2017-05-08
-headerImg: "images/Baakk.jpg"
+cover: ./images/Baakk.jpg
 ---
 
 import Image from "@components/Image.astro";
diff --git a/src/content/blog/sketche-01/index.mdx b/src/content/blog/sketche-01/index.mdx
index 7df4dcc..bd6a155 100644
--- a/src/content/blog/sketche-01/index.mdx
+++ b/src/content/blog/sketche-01/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Sketche 01"
 date: 2017-05-08
-headerImg: "images/Baakk.jpg"
+cover: ./images/Baakk.jpg
 ---
 
 import Image from "@components/Image.astro";
diff --git a/src/content/blog/speed_scene_03/index.en.mdx b/src/content/blog/speed_scene_03/index.en.mdx
index d43b19f..0d7bec6 100644
--- a/src/content/blog/speed_scene_03/index.en.mdx
+++ b/src/content/blog/speed_scene_03/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Speed_Scene_03"
 date: 2017-02-03
-headerImg: "images/Render_04.png"
+cover: ./images/Render_04.png
 comments: true
 ---
 
diff --git a/src/content/blog/speed_scene_03/index.mdx b/src/content/blog/speed_scene_03/index.mdx
index d540fc5..cc41c7d 100644
--- a/src/content/blog/speed_scene_03/index.mdx
+++ b/src/content/blog/speed_scene_03/index.mdx
@@ -1,7 +1,7 @@
 ---
-title: "Speed_Scene_03"
+title: Speed_Scene_03
 date: 2017-02-03
-headerImg: "images/Render_04.png"
+cover: ./images/Render_04.png
 comments: true
 ---
 
diff --git a/src/content/blog/speed_scene_0405/index.en.mdx b/src/content/blog/speed_scene_0405/index.en.mdx
index fe31da0..9436120 100644
--- a/src/content/blog/speed_scene_0405/index.en.mdx
+++ b/src/content/blog/speed_scene_0405/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Speed_Scene_04/05"
 date: 2017-03-13
-headerImg: "Render_01.jpg"
+cover: ./images/Render_01.jpg
 comments: true
 ---
 
diff --git a/src/content/blog/speed_scene_0405/index.mdx b/src/content/blog/speed_scene_0405/index.mdx
index b37a44a..419d45e 100644
--- a/src/content/blog/speed_scene_0405/index.mdx
+++ b/src/content/blog/speed_scene_0405/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Speed_Scene_04/05"
 date: 2017-03-13
-headerImg: "Render_01.jpg"
+cover: ./images/Render_01.jpg
 comments: true
 ---
 
diff --git a/src/content/blog/station-b3-4-offline/index.en.mdx b/src/content/blog/station-b3-4-offline/index.en.mdx
index 7f553bb..3fe8c5e 100644
--- a/src/content/blog/station-b3-4-offline/index.en.mdx
+++ b/src/content/blog/station-b3-4-offline/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Station B3-4 Offline"
 date: 2016-12-21
-headerImg: "Station.jpg"
+cover: ./images/Station.jpg
 comments: true
 ---
 
diff --git a/src/content/blog/station-b3-4-offline/index.mdx b/src/content/blog/station-b3-4-offline/index.mdx
index 222a627..6f32b12 100644
--- a/src/content/blog/station-b3-4-offline/index.mdx
+++ b/src/content/blog/station-b3-4-offline/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Station B3-4 Offline"
 date: 2016-12-21
-headerImg: "Station.jpg"
+cover: ./images/Station.jpg
 comments: true
 ---
 
diff --git a/src/content/blog/surfirvorcamp-esmoriz/index.mdx b/src/content/blog/surfirvorcamp-esmoriz/index.mdx
index 6b087ab..1a05f7d 100644
--- a/src/content/blog/surfirvorcamp-esmoriz/index.mdx
+++ b/src/content/blog/surfirvorcamp-esmoriz/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Surfirvorcamp | Esmoriz"
 date: 2017-04-18
-headerImg: "MAX_4978.jpg"
+cover: ./images/MAX_4978.jpg
 comments: true
 ---
 import YouTube from "@components/YouTube.astro";
diff --git a/src/content/blog/the-end/index.mdx b/src/content/blog/the-end/index.mdx
index c094365..4fae076 100644
--- a/src/content/blog/the-end/index.mdx
+++ b/src/content/blog/the-end/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "The End"
 date: 2017-02-02
-headerImg: "Render_01.jpg"
+cover: ./images/Render_01.jpg
 comments: true
 ---
 
diff --git a/src/content/blog/webgl-showcase/index.mdx b/src/content/blog/webgl-showcase/index.mdx
index d076df0..fe5da48 100644
--- a/src/content/blog/webgl-showcase/index.mdx
+++ b/src/content/blog/webgl-showcase/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "WebGL Showcase"
 date: 2018-01-03
-headerImg: "images/Bildschirmfoto-2018-01-03-um-13.09.42-2.png"
+cover: ./images/Bildschirmfoto-2018-01-03-um-13.09.42-2.png
 comments: true
 ---
 
diff --git a/src/content/blog/workroom-no2/index.en.mdx b/src/content/blog/workroom-no2/index.en.mdx
index c98ffec..22b2923 100644
--- a/src/content/blog/workroom-no2/index.en.mdx
+++ b/src/content/blog/workroom-no2/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Workroom No°2"
 date: 2017-05-26
-headerImg: "images/untitled7.png"
+cover: ./images/untitled7.png
 comments: true
 ---
 
diff --git a/src/content/blog/workroom/index.en.mdx b/src/content/blog/workroom/index.en.mdx
index 12add16..c0818f6 100644
--- a/src/content/blog/workroom/index.en.mdx
+++ b/src/content/blog/workroom/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Workroom"
 date: 2017-05-22
-headerImg: "images/untitled4.png"
+cover: ./images/untitled4.png
 comments: true
 ---
 
diff --git a/src/content/config.ts b/src/content/config.ts
index f487799..f30a706 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -1,10 +1,13 @@
 import { defineCollection, z } from 'astro:content';
 
 const blogCollection = defineCollection({
-  schema: z.object({
+  schema: ({ image }) => z.object({
     title: z.string(),
     date: z.date(),
-    headerImg: z.string().optional(),
+    cover: image().refine((img) => img.width >= 720, {
+      message: "Cover image must be at least 720 pixels wide!",
+    }).optional(),
+    coverAlt: z.string().optional(),
     description: z.string().optional(),
     icon: z.string().optional(),
     draft: z.boolean().optional(),
diff --git a/src/content/photos/bigge-changes/index.mdx b/src/content/photos/bigge-changes/index.mdx
index dd3d292..e6256b3 100644
--- a/src/content/photos/bigge-changes/index.mdx
+++ b/src/content/photos/bigge-changes/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Bilder Bigge Changes"
 date: 2020-11-23
-headerImg: "images/6_1.jpg"
+cover: ./images/6_1.jpg
 ---
 
 import Image from "@components/Image.astro"
diff --git a/src/content/photos/bilder-caen-ogrove/index.mdx b/src/content/photos/bilder-caen-ogrove/index.mdx
index 2fce26c..ef0c73f 100644
--- a/src/content/photos/bilder-caen-ogrove/index.mdx
+++ b/src/content/photos/bilder-caen-ogrove/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Bilder Caen-OGrove"
 date: 2017-04-07
-headerImg: "images/HameuxDeLaMer_03.jpg"
+cover: ./images/HameuxDeLaMer_03.jpg
 ---
 
 import Image from "@components/Image.astro"
diff --git a/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx b/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx
index 5cfffb6..4956f01 100644
--- a/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx
+++ b/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Bilder Dünkirchen-Bolougne Sur-Mer"
 date: 2017-03-24
-headerImg: "images/Blogs.jpg"
+cover: ./images/Blogs.jpg
 ---
 import Image from "@components/Image.astro"
 import gris_nez_01 from "./images/gris-nez_01.jpg"
diff --git a/src/content/photos/cologne-spring/index.mdx b/src/content/photos/cologne-spring/index.mdx
index aca8428..32b33a4 100644
--- a/src/content/photos/cologne-spring/index.mdx
+++ b/src/content/photos/cologne-spring/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Cologne Spring"
 date: 2020-14-04
-headerImg: "images/Unbenanntes_Panorama4.jpg"
+cover: ./images/Unbenanntes_Panorama4.jpg
 ---
 
 import Image from "@components/Image.astro";
diff --git a/src/content/photos/erasmus-valencia/index.en.mdx b/src/content/photos/erasmus-valencia/index.en.mdx
index fc4efd3..048e036 100644
--- a/src/content/photos/erasmus-valencia/index.en.mdx
+++ b/src/content/photos/erasmus-valencia/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Erasmus Valencia"
 date: 2022-09-02
-headerImg: "images/MAX_8218 - MAX_8230.jpg"
+cover: ./images/MAX_8218 - MAX_8230.jpg
 ---
 
 import Image from "@components/Image.astro"
diff --git a/src/content/photos/erasmus-valencia/index.mdx b/src/content/photos/erasmus-valencia/index.mdx
index 3eea0f9..42e307c 100644
--- a/src/content/photos/erasmus-valencia/index.mdx
+++ b/src/content/photos/erasmus-valencia/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Erasmus Valencia"
 date: 2022-09-02
-headerImg: "images/MAX_8218 - MAX_8230.jpg"
+cover: ./images/MAX_8218 - MAX_8230.jpg
 ---
 
 import Image from "@components/Image.astro"
diff --git a/src/content/photos/point-de-lisle/index.en.mdx b/src/content/photos/point-de-lisle/index.en.mdx
index 5900101..2d10766 100644
--- a/src/content/photos/point-de-lisle/index.en.mdx
+++ b/src/content/photos/point-de-lisle/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Point de l'Isle"
 date: 2017-03-29
-headerImg: "images/PointDeLIsle.jpg"
+cover: ./images/PointDeLIsle.jpg
 ---
 
 
diff --git a/src/content/photos/point-de-lisle/index.mdx b/src/content/photos/point-de-lisle/index.mdx
index 9ed5f68..e786204 100644
--- a/src/content/photos/point-de-lisle/index.mdx
+++ b/src/content/photos/point-de-lisle/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Point de l'Isle"
 date: 2017-03-29
-headerImg: "images/PointDeLIsle.jpg"
+cover: ./images/PointDeLIsle.jpg
 ---
 
 import ImageGallery from "@components/ImageGallery.svelte";
diff --git a/src/content/photos/portugal-2021/index.mdx b/src/content/photos/portugal-2021/index.mdx
index f5c0f8e..dceb049 100644
--- a/src/content/photos/portugal-2021/index.mdx
+++ b/src/content/photos/portugal-2021/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Portugal Nature 2021"
 date: 2021-03-21
-headerImg: "images/Unbenanntes_Panorama-3.jpg"
+cover: ./images/Unbenanntes_Panorama-3.jpg
 ---
 
 import Image from "@components/Image.astro";
diff --git a/src/content/photos/sestri-levante/index.mdx b/src/content/photos/sestri-levante/index.mdx
index 2cb1ec8..395cff0 100644
--- a/src/content/photos/sestri-levante/index.mdx
+++ b/src/content/photos/sestri-levante/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Sestri Levante 2021"
 date: 2021-06-02
-headerImg: "images/MAX_7055-Panorama.jpg"
+cover: ./images/MAX_7055-Panorama.jpg
 license: "CC-BY-SA:4.0"
 comments: true
 ---
diff --git a/src/content/projects/invoice/bg.jpg b/src/content/projects/invoice/images/bg.jpg
similarity index 100%
rename from src/content/projects/invoice/bg.jpg
rename to src/content/projects/invoice/images/bg.jpg
diff --git a/src/content/projects/invoice/bg.svg b/src/content/projects/invoice/images/bg.svg
similarity index 100%
rename from src/content/projects/invoice/bg.svg
rename to src/content/projects/invoice/images/bg.svg
diff --git a/src/content/projects/invoice/index.md b/src/content/projects/invoice/index.md
index 8308ce6..2894bf7 100644
--- a/src/content/projects/invoice/index.md
+++ b/src/content/projects/invoice/index.md
@@ -1,7 +1,7 @@
 ---
 title: "Invoice"
 date: 2023-08-21
-headerImg: "bg.jpg"
+cover: ./images/bg.jpg
 icon: "/projects/invoice.svg"
 tags: ["sveltekit", "unocss", "prisma", "sqlite"]
 draft: true
diff --git a/src/content/projects/karl/index.md b/src/content/projects/karl/index.md
index d3ca9e6..ef1e603 100644
--- a/src/content/projects/karl/index.md
+++ b/src/content/projects/karl/index.md
@@ -1,7 +1,7 @@
 ---
 title: "K.A.R.L"
 date: 2021-04-01
-headerImg: "images/Indicatrices_of_Distortion.png"
+cover: ./images/Indicatrices_of_Distortion.png
 license: "CC-BY-SA:4.0"
 comments: true
 links:
diff --git a/src/content/projects/modern/index.md b/src/content/projects/modern/index.md
index 6aef9f3..1b81e58 100644
--- a/src/content/projects/modern/index.md
+++ b/src/content/projects/modern/index.md
@@ -1,7 +1,7 @@
 ---
 title: "Modern"
 date: 2020-06-09T11:55:24+02:00
-headerImg: "images/screenshot.png"
+cover: ./images/screenshot.png
 links:
   [
     ["live", "https://max-richter.dev/modern?scene=modern"],
diff --git a/src/content/projects/plantarium/index.en.mdx b/src/content/projects/plantarium/index.en.mdx
index 1876d90..98dea6b 100644
--- a/src/content/projects/plantarium/index.en.mdx
+++ b/src/content/projects/plantarium/index.en.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Plantarium"
 date: 2022-08-31
-headerImg: "images/plantarium.png"
+cover: ./images/plantarium.png
 featured: true
 links: [["website", "https://plant.max-richter.com"], ["git", "https://github.com/jim-fx/plantarium"]]
 draft: true
diff --git a/src/content/projects/plantarium/index.mdx b/src/content/projects/plantarium/index.mdx
index c4e24e3..173c1d6 100644
--- a/src/content/projects/plantarium/index.mdx
+++ b/src/content/projects/plantarium/index.mdx
@@ -1,7 +1,7 @@
 ---
 title: "Plantarium"
 date: 2022-08-31T20:46:26+02:00
-headerImg: "images/plantarium.png"
+cover: ./images/plantarium.png
 featured: true
 links: [["website", "https://plant.max-richter.dev"], ["git", "https://github.com/jim-fx/plantarium"]]
 tags: ["Web", "3D", "Svelte", "Node-Systeme"]
diff --git a/src/helpers/exif.ts b/src/helpers/exif_
similarity index 100%
rename from src/helpers/exif.ts
rename to src/helpers/exif_
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3eff277..971c043 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -57,12 +57,13 @@ const { title, width = "compact" } = Astro.props;
     <script>
       (function () {
         try {
-          var mode = localStorage.getItem("mode");
+          var mode = localStorage.getItem("theme");
           var supportDarkMode =
             window.matchMedia("(prefers-color-scheme: dark)").matches === true;
           if (!mode && supportDarkMode)
             document.documentElement.classList.add("dark");
           if (!mode) return;
+          console.log({ mode });
           document.documentElement.classList.add(mode);
         } catch (e) {}
       })();
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index a7745bd..58ae865 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -12,21 +12,7 @@ const locale = getLocale(Astro.url);
 
 const posts = filterCollection(pages, locale);
 
-const featuredPosts = await Promise.all(
-  posts.slice(0, 3).map(async (post) => {
-    if (!post.data.headerImg) {
-      return post;
-    }
-    const { default: image } = await import(
-      `../../content/blog/${post.slug.split("/")[0]}/${post.data.headerImg}`
-    );
-    return {
-      ...post,
-      image,
-    };
-  }),
-);
-
+const featuredPosts = posts.slice(0, 3);
 const otherPosts = posts.slice(3);
 ---
 
diff --git a/tsconfig.json b/tsconfig.json
index 09c6d2c..0a9b51e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,6 +12,9 @@
       "@components/*": [
         "src/components/*"
       ],
+      "@content/*": [
+        "src/content/*"
+      ],
       "@helpers/*": [
         "src/helpers/index.ts",
         "src/helpers/*"