fix: fixed styling bug (prettier problem)

src/routes/+layout.svelte

@@ -12,6 +12,7 @@
 
 <svelte:head>
 	<link rel="icon" href={favicon} />
+	<meta property="og:type" content="website" />
 </svelte:head>
 
 <nav class="media-margin">

src/routes/+page.server.ts

@@ -28,7 +28,7 @@ export function load() {
                 entry.desc = entry.metadata.desc as string ?? "Needs Description!!";
                 entry.date = Date.parse(entry.metadata.date as string ?? "");
                 entry.src_target = (entry.src.includes('https://') || entry.src.includes('http://')) ? '_blank' : '';
-                [entry.img, entry.scale = ""] = (entry.metadata?.img as string ?? "blog-1.png").split('|');
+                [entry.img, entry.scale = ""] = (entry.metadata?.img_cov as string ?? "blog-1.png").split('|');
                 entry.img_bg = entry.metadata.img_bg == "dark" ? "var(--rp-moon-base" : "var(--rp-moon-text)";
                 entry.scale = (entry.scale == "") ? "" : "transform: scale(" + entry.scale + "); height:auto;border-radius:0;";
 

src/routes/+page.svelte

@@ -4,19 +4,21 @@
 
 	let { data } = $props();
 	let blogs = data.blogs as BlogEntry[];
+	let desc =
+		"This is a collection of things I've set up and created that I think might interest others.";
 </script>
 
 <svelte:head>
 	<title>Home - Amys Blog</title>
 	<meta property="og:title" content="Home - Amys Blog" />
+	<meta property="og:description" content={desc} />
+	<meta property="og:image" content="https://madeio.net/blog-covers/flame.jpg" />
 </svelte:head>
 
 <main>
 	<div class="media-margin">
 		<h1>Hi, I'm Amy</h1>
-		<p>
-			This is a collection of things I've set up and created that I think might interest others.
-		</p>
+		<p>{desc}</p>
 	</div>
 	{#each blogs as blog (blog.src)}
 		<a href={blog.src} target={blog.src_target} class="blog-entry">

src/routes/blogs/0-The-Creation-of-this-Blog/+page.svx

@@ -4,6 +4,7 @@ date: 2025-09-12
 desc: "The goal was to create an easy to maintain blog with while the main focus relays on keeping the effort
 to write new posts minimal. This is more a ressource summery with tips, than an full tutorial."
 listed: true
+img_cov: blog-1.jpg
 ---
 
 

src/routes/blogs/2-gitea-runner-on-podman-in-lxc/+page.svx

@@ -1,8 +1,8 @@
 ---
 title: Setup up Gitea Runner with Podman in LXC
-desc: "For some time now I already host a gitea instace and now with this blog I finally have some real usage for CI, but setting up gitea actions in an LXC and using Podman instead of Docker Engine was not as straight forward as expected."
+desc: "Using CLIs is very helpful, but setting up gitea actions in an LXC and using rootless Podman is not as straight forward as expected."
 date: 2025-09-17
-img: gitea-logo.png|0.8
+img_cov: gitea-logo.jpg
 listed: true
 ---
 

src/routes/blogs/blog.svelte

@@ -11,13 +11,17 @@
 	export let title;
 	export let date;
 	export let desc;
+	export let img_cov;
 
+	let ogImgage = 'https://madeio.net/blog-covers/' + (img_cov ?? 'flame.png').split('|')[0];
 	let ddate = new Date(Date.parse(date)).toDateString();
 </script>
 
 <svelte:head>
 	<title>{title} - Amys Blog</title>
 	<meta property="og:title" content={title} />
+	<meta property="og:description" content={desc} />
+	<meta property="og:image" content={ogImgage} />
 </svelte:head>
 
 <main>

src/routes/blogs/e-FemDev-GameJam/+page.svx

@@ -5,5 +5,5 @@ src: "https://elkortes.itch.io/catastrophe"
 desc: "I took part in the amazing FemDev Game and helped to creathe this little game.
 My work are the animations, 3d Models and some texturing"
 listed: true
-img: catastrophe.png
+img_cov: catastrophe.png
 ---

src/routes/blogs/e-Flame/+page.svx

@@ -4,6 +4,6 @@ date: 2024-11-26
 src: "https://madeio.net/fox"
 desc: "A WebGL Project wich shows that deffered rendering and volumetric fog is very possible in Three.js"
 listed: true
-img: flame.png
+img_cov: flame.jpg
 img_bg: dark
 ---