Réécriture du contenu des pages d'accueil et à propos (FR, EN, AR)

This commit is contained in:
Jalil Arfaoui 2026-02-17 02:03:09 +01:00
parent 6aaf87f11a
commit 50e184be3c
6 changed files with 64 additions and 64 deletions

View file

@ -8,45 +8,45 @@ import Link from "../components/Link.astro";
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0"> <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
<PageHeading <PageHeading
title="À propos" title="À propos"
description="Artisan du code, passionné de théâtre, amateur de photographie." description="Développeur artisan, comédien improvisateur, photographe curieux."
/> />
<img src="/assets/images/photo.png" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" /> <img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" />
<h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">Qui suis-je ?</h2> <h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">Qui suis-je ?</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
Je suis <strong class="text-gray-800 dark:text-neutral-200">Jalil Arfaoui</strong>, développeur freelance basé à Albi avec plus de 20 ans d'expérience. Je suis <strong class="text-gray-800 dark:text-neutral-200">Jalil Arfaoui</strong>, développeur freelance basé à Albi, plus de 20 ans de métier.
Mon credo : <em>"Construire des logiciels bien pensés qui répondent à de vrais besoins"</em>.
</p> </p>
<p> <p>
Passionné par le <strong class="text-gray-800 dark:text-neutral-200">Software Craftsmanship</strong>, je pratique le TDD, le Clean Code et le Domain-Driven Design au quotidien. TDD, Clean Code, Domain-Driven Design : c'est ma façon de construire du logiciel. J'accompagne les équipes comme développeur senior, tech lead ou coach technique.
J'accompagne les équipes en tant que développeur senior, tech lead ou coach technique selon les besoins. Mon stack : <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, mais aussi PHP et Elixir.
</p> </p>
<p> <p>
Mon stack de prédilection : <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, mais aussi PHP et Elixir. Ce qui me distingue peut-être : je m'intéresse autant à la qualité du code qu'à ce qu'il produit. Je privilégie le logiciel libre et les outils qui répondent à de vrais besoins.
Ce qui m'anime : construire des architectures propres et maintenables, et transmettre ces pratiques. Je m'interroge aussi sur les biais que nous inscrivons dans le code, et qui perpétuent des rapports sociaux qu'on doit questionner.
</p> </p>
<p> <p>
Organisateur des Software Crafters Albi depuis 2018, j'aime rassembler et partager avec d'autres passionnés du code. J'enseigne la programmation à <Link href="https://www.univ-jfc.fr/" external>l'université Champollion</Link> et j'anime les Software Crafters d'Albi depuis 2018.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Au-delà du code</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Au-delà du code</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
🎭 <strong class="text-gray-800 dark:text-neutral-200">Théâtre</strong> — Amateur passionné, je monte sur scène régulièrement. 🎭 <strong class="text-gray-800 dark:text-neutral-200">Théâtre</strong> — J'ai découvert l'improvisation en 2008 avec <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link> dans les Yvelines.
Le théâtre m'apporte une autre façon de raconter des histoires et de me connecter aux autres. Après une pause et un passage par le Maroc avec la troupe LaTTIFA, j'ai cofondé <Link href="https://les-particules.org/" external>Les Particules</Link> à Albi, avec qui je joue régulièrement.
Aujourd'hui je m'attaque aussi au théâtre écrit.
</p> </p>
<p> <p>
📸 <strong class="text-gray-800 dark:text-neutral-200">Photographie</strong> — Capturer l'instant, jouer avec la lumière. 📸 <strong class="text-gray-800 dark:text-neutral-200">Photographie</strong> — Des visages, des concerts, des moteurs, le quotidien.
Une passion qui me suit depuis des années et que je partage <Link href="/photo">sur ce site</Link>. Je photographie ce qui m'interpelle, sans plan particulier. À voir <Link href="/photo">sur ce site</Link>.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Me contacter</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Me contacter</h2>
<p class="text-gray-600 dark:text-neutral-400 leading-relaxed"> <p class="text-gray-600 dark:text-neutral-400 leading-relaxed">
Envie d'échanger sur un projet, une mission ou juste discuter craft ? Un projet, une scène, une idée ?
<br class="hidden sm:block" /> <br class="hidden sm:block" />
· <Link href="mailto:jalil@arfaoui.net">Écrivez-moi</Link> · <Link href="mailto:jalil@arfaoui.net">Écrivez-moi</Link>
</p> </p>

View file

@ -2,7 +2,7 @@
import Layout from "../../layouts/main.astro"; import Layout from "../../layouts/main.astro";
--- ---
<Layout title="جليل عرفاوي - مطوّر • ممثل • مصوّر"> <Layout title="جليل عرفاوي - حِرَفي برمجة • ممثل ارتجالي • مصوّر">
<!-- Hero Section --> <!-- Hero Section -->
<div dir="rtl" lang="ar" class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0"> <div dir="rtl" lang="ar" class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0">
<div class="flex flex-col items-center md:flex-row-reverse"> <div class="flex flex-col items-center md:flex-row-reverse">
@ -11,10 +11,10 @@ import Layout from "../../layouts/main.astro";
جليل عرفاوي جليل عرفاوي
</h1> </h1>
<h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl"> <h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl">
مطوّر • ممثل • مصوّر حِرَفي برمجة • ممثل ارتجالي • مصوّر
</h2> </h2>
<p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed"> <p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed">
مرحبًا بكم في عالمي الإبداعي حيث يلتقي الكود بالفن أكتب الكود من أجل عالم أكثر عدلًا، وأصعد على الخشبة لأجل الباقي. أو العكس.
</p> </p>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
@ -56,7 +56,7 @@ import Layout from "../../layouts/main.astro";
المطوّر المطوّر
</h3> </h3>
<p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed"> <p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed">
شغوف بحرفة البرمجة، DDD والهندسة النظيفة. خبير في TypeScript و Node.js. أكثر من 20 سنة في بناء البرمجيات. اليوم، أختار مشاريعي: برمجيات حرّة، أدوات مفيدة، لا شيء يُقيّد. Craftsmanship، DDD، TypeScript — وهاجس التحيّزات التي نضعها في الكود دون أن ندري. أُدرّس البرمجة وأنشّط مجتمع Software Crafters في ألبي.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="قيد الإنشاء"> <span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="قيد الإنشاء">
@ -79,7 +79,7 @@ import Layout from "../../layouts/main.astro";
المسرح المسرح
</h3> </h3>
<p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed"> <p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed">
مرتجل شغوف، أستكشف أيضًا المسرح المكتوب والتمثيل أمام الكاميرا. ممثل ارتجالي منذ 2008، من ضواحي باريس إلى المغرب قبل تأسيس فرقة Les Particules في ألبي. اليوم أخوض أيضًا غمار المسرح المكتوب.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="قيد الإنشاء"> <span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="قيد الإنشاء">
@ -96,7 +96,7 @@ import Layout from "../../layouts/main.astro";
التصوير التصوير
</h3> </h3>
<p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed"> <p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed">
هاوي تصوير فوتوغرافي شغوف. التقاط اللحظة، ورواية قصة من خلال العدسة. أصوّر كل شيء تقريبًا: وجوه، حفلات، محرّكات، الحياة اليومية. لا تخصّص، مجرّد فضول.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium"> <a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium">
@ -138,10 +138,10 @@ import Layout from "../../layouts/main.astro";
<div dir="rtl" lang="ar" class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0"> <div dir="rtl" lang="ar" class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0">
<div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700"> <div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700">
<h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4"> <h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4">
لنبقَ على تواصل مشروع، خشبة مسرح، فكرة؟
</h2> </h2>
<p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto"> <p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto">
سواء لمشروع مهني، أو تعاون إبداعي، أو مجرد حديث، لا تتردد في التواصل! راسلني.
</p> </p>
<div class="flex justify-center space-x-6 space-x-reverse"> <div class="flex justify-center space-x-6 space-x-reverse">

View file

@ -8,7 +8,7 @@ import Link from "../../components/Link.astro";
<section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0"> <section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
<PageHeading <PageHeading
title="نبذة عني" title="نبذة عني"
description="حرفي في البرمجة، عاشق للمسرح، هاوي للتصوير الفوتوغرافي." description="حِرَفي برمجة، ممثل ارتجالي، مصوّر فضولي."
/> />
<img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="جليل عرفاوي" /> <img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="جليل عرفاوي" />
@ -16,37 +16,37 @@ import Link from "../../components/Link.astro";
<h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">من أنا؟</h2> <h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">من أنا؟</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
أنا <strong class="text-gray-800 dark:text-neutral-200">جليل عرفاوي</strong>، مطوّر برمجيات مستقل مقيم في ألبي بفرنسا، بخبرة تتجاوز عشرين عامًا. أنا <strong class="text-gray-800 dark:text-neutral-200">جليل عرفاوي</strong>، مطوّر برمجيات مستقل مقيم في ألبي بفرنسا، أكثر من 20 سنة في المهنة.
شعاري: <em>"بناء برمجيات مدروسة تلبي احتياجات حقيقية"</em>.
</p> </p>
<p> <p>
شغوف بـ<strong class="text-gray-800 dark:text-neutral-200">حرفة البرمجة</strong> (Software Craftsmanship)، أمارس يوميًا منهجيات TDD والكود النظيف وتصميم المجالات. TDD، الكود النظيف، تصميم المجالات (Domain-Driven Design): هكذا أبني البرمجيات. أرافق الفرق كمطوّر أول، أو قائد تقني، أو مدرب تقني.
أرافق الفرق كمطوّر أول، أو قائد تقني، أو مدرب تقني حسب الحاجة. تقنياتي: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>، بالإضافة إلى PHP و Elixir.
</p> </p>
<p> <p>
تقنياتي المفضلة: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>، بالإضافة إلى PHP و Elixir. ما يميّزني ربما: أهتم بجودة الكود بقدر ما أهتم بما ينتجه. أفضّل البرمجيات الحرّة والأدوات التي تلبي احتياجات حقيقية.
ما يحرّكني: بناء هياكل برمجية نظيفة وقابلة للصيانة، ونقل هذه الممارسات للآخرين. أتساءل أيضًا عن التحيّزات التي ندرجها في الكود، والتي تكرّس علاقات اجتماعية يجب أن نُساءلها.
</p> </p>
<p> <p>
منظّم مجتمع Software Crafters Albi منذ 2018، أحب الجمع والمشاركة مع المتحمسين للبرمجة. أُدرّس البرمجة في <Link href="https://www.univ-jfc.fr/" external>جامعة شامبوليون</Link> وأنشّط مجتمع Software Crafters في ألبي منذ 2018.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">ما وراء الكود</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">ما وراء الكود</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
🎭 <strong class="text-gray-800 dark:text-neutral-200">المسرح</strong> — هاوٍ شغوف، أصعد على خشبة المسرح بانتظام. 🎭 <strong class="text-gray-800 dark:text-neutral-200">المسرح</strong> — اكتشفت الارتجال عام 2008 مع <Link href="https://improchatou78.wordpress.com/" external>فرقة Touchatou</Link> قرب باريس.
المسرح يمنحني طريقة أخرى لسرد القصص والتواصل مع الناس. بعد توقف ثم فترة في المغرب مع فرقة LaTTIFA، شاركت في تأسيس <Link href="https://les-particules.org/" external>Les Particules</Link> في ألبي، حيث أمثّل بانتظام.
اليوم أخوض أيضًا غمار المسرح المكتوب.
</p> </p>
<p> <p>
📸 <strong class="text-gray-800 dark:text-neutral-200">التصوير الفوتوغرافي</strong> — التقاط اللحظة، اللعب بالضوء. 📸 <strong class="text-gray-800 dark:text-neutral-200">التصوير الفوتوغرافي</strong> — وجوه، حفلات، محرّكات، الحياة اليومية.
شغف يرافقني منذ سنوات، أشاركه <Link href="/photo">على هذا الموقع</Link>. أصوّر ما يستوقفني، بلا خطّة مسبقة. ألقِ نظرة <Link href="/photo">على هذا الموقع</Link>.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">تواصل معي</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">تواصل معي</h2>
<p class="text-gray-600 dark:text-neutral-400 leading-relaxed"> <p class="text-gray-600 dark:text-neutral-400 leading-relaxed">
تريد مناقشة مشروع، مهمة، أو مجرد الحديث عن البرمجة؟ مشروع، خشبة مسرح، فكرة؟
<br class="hidden sm:block" /> <br class="hidden sm:block" />
· <Link href="mailto:jalil@arfaoui.net">راسلني</Link> · <Link href="mailto:jalil@arfaoui.net">راسلني</Link>
</p> </p>

View file

@ -8,7 +8,7 @@ import Link from "../../components/Link.astro";
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0"> <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
<PageHeading <PageHeading
title="About" title="About"
description="Code craftsman, theater enthusiast, photography lover." description="Software craftsman, improv actor, curious photographer."
/> />
<img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" /> <img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" />
@ -16,37 +16,37 @@ import Link from "../../components/Link.astro";
<h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">Who am I?</h2> <h2 class="mb-4 text-2xl font-bold dark:text-neutral-200">Who am I?</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
I'm <strong class="text-gray-800 dark:text-neutral-200">Jalil Arfaoui</strong>, a freelance developer based in Albi, France with over 20 years of experience. I'm <strong class="text-gray-800 dark:text-neutral-200">Jalil Arfaoui</strong>, a freelance developer based in Albi, France — over 20 years in the trade.
My motto: <em>"Building well-thought software that meets real needs"</em>.
</p> </p>
<p> <p>
Passionate about <strong class="text-gray-800 dark:text-neutral-200">Software Craftsmanship</strong>, I practice TDD, Clean Code and Domain-Driven Design on a daily basis. TDD, Clean Code, Domain-Driven Design: that's how I build software. I work with teams as a senior developer, tech lead or technical coach.
I support teams as a senior developer, tech lead or technical coach depending on their needs. My stack: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, but also PHP and Elixir.
</p> </p>
<p> <p>
My preferred stack: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, but also PHP and Elixir. What sets me apart, perhaps: I care as much about the quality of the code as about what it produces. I favor free software and tools that address real needs.
What drives me: building clean, maintainable architectures and sharing these practices with others. I also question the biases we embed in code, perpetuating social dynamics that must be challenged.
</p> </p>
<p> <p>
Organizer of Software Crafters Albi since 2018, I love bringing together and sharing with fellow code enthusiasts. I teach programming at <Link href="https://www.univ-jfc.fr/" external>Université Champollion</Link> and have been running the Software Crafters meetup in Albi since 2018.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Beyond code</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Beyond code</h2>
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed"> <div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
<p> <p>
🎭 <strong class="text-gray-800 dark:text-neutral-200">Theater</strong> — Passionate amateur actor, I regularly perform on stage. 🎭 <strong class="text-gray-800 dark:text-neutral-200">Theater</strong> — I discovered improv in 2008 with <Link href="https://improchatou78.wordpress.com/" external>les Touchatou</Link> near Paris.
Theater gives me another way to tell stories and connect with people. After a break and a stint in Morocco with the LaTTIFA troupe, I co-founded <Link href="https://les-particules.org/" external>Les Particules</Link> in Albi, where I perform regularly.
Now also taking on scripted theater.
</p> </p>
<p> <p>
📸 <strong class="text-gray-800 dark:text-neutral-200">Photography</strong> — Capturing the moment, playing with light. 📸 <strong class="text-gray-800 dark:text-neutral-200">Photography</strong> — Faces, concerts, engines, everyday life.
A passion that has followed me for years, which I share <Link href="/photo">on this site</Link>. I photograph whatever catches my eye, with no particular plan. See for yourself <Link href="/photo">on this site</Link>.
</p> </p>
</div> </div>
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Get in touch</h2> <h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Get in touch</h2>
<p class="text-gray-600 dark:text-neutral-400 leading-relaxed"> <p class="text-gray-600 dark:text-neutral-400 leading-relaxed">
Want to discuss a project, a mission, or just talk craft? A project, a stage, an idea?
<br class="hidden sm:block" /> <br class="hidden sm:block" />
· <Link href="mailto:jalil@arfaoui.net">Email me</Link> · <Link href="mailto:jalil@arfaoui.net">Email me</Link>
</p> </p>

View file

@ -2,7 +2,7 @@
import Layout from "../../layouts/main.astro"; import Layout from "../../layouts/main.astro";
--- ---
<Layout title="Jalil Arfaoui - Developer • Comedian • Photographer"> <Layout title="Jalil Arfaoui - Software Craftsman • Improv Actor • Photographer">
<!-- Hero Section --> <!-- Hero Section -->
<div class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0"> <div class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0">
<div class="flex flex-col items-center md:flex-row"> <div class="flex flex-col items-center md:flex-row">
@ -11,10 +11,10 @@ import Layout from "../../layouts/main.astro";
Jalil Arfaoui Jalil Arfaoui
</h1> </h1>
<h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl"> <h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl">
Developer • Comedian • Photographer Software Craftsman • Improv Actor • Photographer
</h2> </h2>
<p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed"> <p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed">
Welcome to my creative universe where code meets art I write code for a fairer world and get on stage for the rest. Or the other way around.
</p> </p>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
@ -56,7 +56,7 @@ import Layout from "../../layouts/main.astro";
Developer Developer
</h3> </h3>
<p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed"> <p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed">
Passionate about Software Craftsmanship, DDD and Clean Architecture. TypeScript and Node.js expert. Over 20 years building software. Today, I choose my projects: free software, useful tools, nothing that alienates. Craftsmanship, DDD, TypeScript — and an obsession with the biases we unknowingly put into code. I teach programming and run the Software Crafters meetup in Albi.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="Under construction"> <span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="Under construction">
@ -79,7 +79,7 @@ import Layout from "../../layouts/main.astro";
Theater Theater
</h3> </h3>
<p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed"> <p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed">
Passionate improviser, I'm also exploring written theater and on-camera acting. Improv actor since 2008, from the Paris suburbs to Morocco before co-founding Les Particules in Albi. Now also taking on scripted theater.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="Under construction"> <span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="Under construction">
@ -96,7 +96,7 @@ import Layout from "../../layouts/main.astro";
Photography Photography
</h3> </h3>
<p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed"> <p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed">
Passionate photography enthusiast. Capturing the moment, telling a story through the lens. I photograph a bit of everything: faces, concerts, engines, everyday life. No specialty, just curiosity.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium"> <a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium">
@ -138,10 +138,10 @@ import Layout from "../../layouts/main.astro";
<div class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0"> <div class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0">
<div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700"> <div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700">
<h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4"> <h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4">
Let's stay in touch A project, a stage, an idea?
</h2> </h2>
<p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto"> <p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto">
Whether for a professional project, creative collaboration or just to chat, feel free to reach out! Drop me a line.
</p> </p>
<div class="flex justify-center space-x-6"> <div class="flex justify-center space-x-6">

View file

@ -2,7 +2,7 @@
import Layout from "../layouts/main.astro"; import Layout from "../layouts/main.astro";
--- ---
<Layout title="Jalil Arfaoui - Développeur • Comédien • Photographe"> <Layout title="Jalil Arfaoui - Développeur artisan • Comédien improvisateur • Photographe">
<!-- Hero Section --> <!-- Hero Section -->
<div class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0"> <div class="relative z-20 w-full max-w-6xl mx-auto mt-16 px-7 md:mt-24 lg:mt-32 xl:px-0">
<div class="flex flex-col items-center md:flex-row"> <div class="flex flex-col items-center md:flex-row">
@ -11,10 +11,10 @@ import Layout from "../layouts/main.astro";
Jalil Arfaoui Jalil Arfaoui
</h1> </h1>
<h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl"> <h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl">
Développeur • Comédien • Photographe Développeur artisan • Comédien improvisateur • Photographe
</h2> </h2>
<p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed"> <p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed">
Bienvenue dans mon univers créatif où le code rencontre l'art Je code pour un monde plus juste et je monte sur scène pour le reste. Ou l'inverse.
</p> </p>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
@ -56,7 +56,7 @@ import Layout from "../layouts/main.astro";
Développeur Développeur
</h3> </h3>
<p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed"> <p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed">
Passionné par le Software Craftsmanship, le DDD et la Clean Architecture. Expert TypeScript et Node.js. Plus de 20 ans à construire du logiciel. Aujourd'hui, je choisis mes projets : du libre, de l'utile, rien qui aliène. Craftsmanship, DDD, TypeScript — et une obsession pour les biais qu'on met dans le code sans le savoir. J'enseigne la programmation et j'anime les Software Crafters d'Albi.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="En construction"> <span class="block text-blue-400/50 dark:text-blue-600/50 cursor-not-allowed" title="En construction">
@ -79,7 +79,7 @@ import Layout from "../layouts/main.astro";
Théâtre Théâtre
</h3> </h3>
<p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed"> <p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed">
Improvisateur passionné, je découvre aussi le théâtre écrit et le jeu face caméra. Improvisateur depuis 2008, passé par les Yvelines et le Maroc avant de cofonder Les Particules à Albi. Aujourd'hui je m'attaque aussi au théâtre écrit.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="En construction"> <span class="block text-orange-400/50 dark:text-orange-600/50 cursor-not-allowed" title="En construction">
@ -96,7 +96,7 @@ import Layout from "../layouts/main.astro";
Photographie Photographie
</h3> </h3>
<p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed"> <p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed">
Amateur passionné de photographie. Capturer l'instant, raconter une histoire à travers l'objectif. Je photographie un peu tout : des visages, des concerts, des moteurs, le quotidien. Pas de spécialité, juste la curiosité.
</p> </p>
<div class="space-y-3"> <div class="space-y-3">
<a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium"> <a href="/photo" class="block text-purple-600 dark:text-purple-400 hover:text-purple-800 dark:hover:text-purple-200 font-medium">
@ -138,10 +138,10 @@ import Layout from "../layouts/main.astro";
<div class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0"> <div class="relative z-20 w-full max-w-6xl mx-auto mt-24 mb-16 px-7 xl:px-0">
<div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700"> <div class="bg-gradient-to-r from-neutral-50 to-neutral-100 dark:from-neutral-900 dark:to-neutral-800 rounded-3xl p-12 text-center border border-neutral-200 dark:border-neutral-700">
<h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4"> <h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 mb-4">
Restons en contact Un projet, une scène, une idée ?
</h2> </h2>
<p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto"> <p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto">
Que ce soit pour un projet professionnel, une collaboration créative ou simplement échanger, n'hésitez pas ! Écrivez-moi.
</p> </p>
<div class="flex justify-center space-x-6"> <div class="flex justify-center space-x-6">