feat: implemented open graph

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/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.png
 ---
 
 

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

@@ -2,7 +2,7 @@
 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."
 date: 2025-09-17
-img: gitea-logo.png|0.8
+img_cov: gitea-logo.png|0.8
 listed: true
 ---
 

src/routes/blogs/blog.svelte

@@ -11,19 +11,24 @@
 	export let title;
 	export let date;
 	export let desc;
+	export let img_cov;
 
+	let ogImgage = '/blog-covers/' + img_cov.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>
 	<div class="title media-margin">
 		<!-- prettier-ignore -->
-		<h1>{title}</h1><p class="date">Last updated {ddate}</p>
+		<h1>{title}</h1>
+		<p class="date">Last updated {ddate}</p>
 	</div>
 	<div class="blog-text media-margin">
 		<p>{desc}</p>

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.png
 img_bg: dark
 ---