From 2eb54e35d76ef94093587bd2d79856c062018337 Mon Sep 17 00:00:00 2001
From: Aboubacar TRAORE <aboubacar.traore@abnov.com>
Date: Sat, 4 Oct 2025 22:19:03 +0000
Subject: [PATCH] adding AboutMe component

---
 src/lib/components/AboutMe.svelte | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/lib/components/AboutMe.svelte

diff --git a/src/lib/components/AboutMe.svelte b/src/lib/components/AboutMe.svelte
new file mode 100644
index 0000000..31635a1
--- /dev/null
+++ b/src/lib/components/AboutMe.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { m } from '$lib/paraglide/messages.js';
+
+	let { cssClass = '' }: { cssClass: string } = $props();
+
+	const stacks = m['aboutme.tools.stacks']().split(',');
+</script>
+
+<section class={`bg-amber-50 ${cssClass}`}>
+	<div>
+		<h2 class="text-xl font-medium">{m['aboutme.header']()}</h2>
+		<span>{m['aboutme.intro']()}</span>
+	</div>
+
+	<div>
+		<p>{m['aboutme.tools.intro']()}</p>
+		<ul class="list-disc">
+			{#each stacks as stack}
+				<li class="ms-4">{stack}</li>
+			{/each}
+		</ul>
+	</div>
+
+	<div>
+		{m['aboutme.ending']()}
+	</div>
+</section>