src/blogs/test_unpublished.md

@@ -6,4 +6,6 @@ description: 'Немного о самом сайте'
 
 # ПРИВЕТ !
 
-Добро пожаловать на наш первый блог-пост!
+Добро пожаловать на наш первый блог-пост!
+
+<Img src="wasd_perelesoq_game_jam_2025.png" />

src/lib/components/Img.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { resolveBlogPath } from '$lib/util/Blogs';
+
+	export let src: string;
+	export let caption: string;
+	export let alt: string = '';
+</script>
+
+<div class="text-center">
+	<img
+		class="mx-auto mb-0 flex justify-center rounded-lg"
+		class:caption-img={caption}
+		src={resolveBlogPath(page.params.slug, src)}
+		alt={alt ? alt : src}
+	/>
+	{#if caption}
+		<p style="margin-top: 0px;">{caption}</p>
+	{/if}
+</div>