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.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>
+		<p>{desc}</p>
-			This is a collection of things I've set up and created that I think might interest others.
-		</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,7 +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.png
+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_cov: gitea-logo.png|0.8
+img_cov: gitea-logo.jpg
 listed: true
 ---
 

src/routes/blogs/blog.svelte

@@ -13,7 +13,7 @@
 	export let desc;
 	export let img_cov;
 
-	let ogImgage = '/blog-covers/' + img_cov.split('|')[0];
+	let ogImgage = 'https://madeio.net/blog-covers/' + (img_cov ?? 'flame.png').split('|')[0];
 	let ddate = new Date(Date.parse(date)).toDateString();
 </script>
 
@@ -27,8 +27,7 @@
 <main>
 	<div class="title media-margin">
 		<!-- prettier-ignore -->
-		<h1>{title}</h1>
+		<h1>{title}</h1><p class="date">Last updated {ddate}</p>
-		<p class="date">Last updated {ddate}</p>
 	</div>
 	<div class="blog-text media-margin">
 		<p>{desc}</p>

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_cov: flame.png
+img_cov: flame.jpg
 img_bg: dark
 ---