Réécriture du contenu des pages d'accueil et à propos (FR, EN, AR)
This commit is contained in:
parent
6aaf87f11a
commit
50e184be3c
6 changed files with 64 additions and 64 deletions
|
|
@ -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">
|
||||
<PageHeading
|
||||
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>
|
||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||
<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.
|
||||
Mon credo : <em>"Construire des logiciels bien pensés qui répondent à de vrais besoins"</em>.
|
||||
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.
|
||||
</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.
|
||||
J'accompagne les équipes en tant que développeur senior, tech lead ou coach technique selon les besoins.
|
||||
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.
|
||||
Mon stack : <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, mais aussi PHP et Elixir.
|
||||
</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 m'anime : construire des architectures propres et maintenables, et transmettre ces pratiques.
|
||||
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.
|
||||
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>
|
||||
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>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<p>
|
||||
🎭 <strong class="text-gray-800 dark:text-neutral-200">Théâtre</strong> — Amateur passionné, je monte sur scène régulièrement.
|
||||
Le théâtre m'apporte une autre façon de raconter des histoires et de me connecter aux autres.
|
||||
🎭 <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.
|
||||
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>
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">Photographie</strong> — Capturer l'instant, jouer avec la lumière.
|
||||
Une passion qui me suit depuis des années et que je partage <Link href="/photo">sur ce site</Link>.
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">Photographie</strong> — Des visages, des concerts, des moteurs, le quotidien.
|
||||
Je photographie ce qui m'interpelle, sans plan particulier. À voir <Link href="/photo">sur ce site</Link>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
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" />
|
||||
· <Link href="mailto:jalil@arfaoui.net">Écrivez-moi</Link>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
import Layout from "../../layouts/main.astro";
|
||||
---
|
||||
|
||||
<Layout title="جليل عرفاوي - مطوّر • ممثل • مصوّر">
|
||||
<Layout title="جليل عرفاوي - حِرَفي برمجة • ممثل ارتجالي • مصوّر">
|
||||
<!-- 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 class="flex flex-col items-center md:flex-row-reverse">
|
||||
|
|
@ -11,10 +11,10 @@ import Layout from "../../layouts/main.astro";
|
|||
جليل عرفاوي
|
||||
</h1>
|
||||
<h2 class="mb-6 text-xl font-medium text-neutral-600 dark:text-neutral-300 md:text-2xl">
|
||||
مطوّر • ممثل • مصوّر
|
||||
حِرَفي برمجة • ممثل ارتجالي • مصوّر
|
||||
</h2>
|
||||
<p class="mb-8 text-lg text-neutral-600 dark:text-neutral-400 leading-relaxed">
|
||||
مرحبًا بكم في عالمي الإبداعي حيث يلتقي الكود بالفن
|
||||
أكتب الكود من أجل عالم أكثر عدلًا، وأصعد على الخشبة لأجل الباقي. أو العكس.
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
|
|
@ -56,7 +56,7 @@ import Layout from "../../layouts/main.astro";
|
|||
المطوّر
|
||||
</h3>
|
||||
<p class="text-blue-700 dark:text-blue-300 mb-6 leading-relaxed">
|
||||
شغوف بحرفة البرمجة، DDD والهندسة النظيفة. خبير في TypeScript و Node.js.
|
||||
أكثر من 20 سنة في بناء البرمجيات. اليوم، أختار مشاريعي: برمجيات حرّة، أدوات مفيدة، لا شيء يُقيّد. Craftsmanship، DDD، TypeScript — وهاجس التحيّزات التي نضعها في الكود دون أن ندري. أُدرّس البرمجة وأنشّط مجتمع Software Crafters في ألبي.
|
||||
</p>
|
||||
<div class="space-y-3">
|
||||
<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>
|
||||
<p class="text-orange-700 dark:text-orange-300 mb-6 leading-relaxed">
|
||||
مرتجل شغوف، أستكشف أيضًا المسرح المكتوب والتمثيل أمام الكاميرا.
|
||||
ممثل ارتجالي منذ 2008، من ضواحي باريس إلى المغرب قبل تأسيس فرقة Les Particules في ألبي. اليوم أخوض أيضًا غمار المسرح المكتوب.
|
||||
</p>
|
||||
<div class="space-y-3">
|
||||
<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>
|
||||
<p class="text-purple-700 dark:text-purple-300 mb-6 leading-relaxed">
|
||||
هاوي تصوير فوتوغرافي شغوف. التقاط اللحظة، ورواية قصة من خلال العدسة.
|
||||
أصوّر كل شيء تقريبًا: وجوه، حفلات، محرّكات، الحياة اليومية. لا تخصّص، مجرّد فضول.
|
||||
</p>
|
||||
<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">
|
||||
|
|
@ -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 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>
|
||||
<p class="text-neutral-600 dark:text-neutral-400 mb-8 max-w-2xl mx-auto">
|
||||
سواء لمشروع مهني، أو تعاون إبداعي، أو مجرد حديث، لا تتردد في التواصل!
|
||||
راسلني.
|
||||
</p>
|
||||
|
||||
<div class="flex justify-center space-x-6 space-x-reverse">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<PageHeading
|
||||
title="نبذة عني"
|
||||
description="حرفي في البرمجة، عاشق للمسرح، هاوي للتصوير الفوتوغرافي."
|
||||
description="حِرَفي برمجة، ممثل ارتجالي، مصوّر فضولي."
|
||||
/>
|
||||
|
||||
<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>
|
||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||
<p>
|
||||
أنا <strong class="text-gray-800 dark:text-neutral-200">جليل عرفاوي</strong>، مطوّر برمجيات مستقل مقيم في ألبي بفرنسا، بخبرة تتجاوز عشرين عامًا.
|
||||
شعاري: <em>"بناء برمجيات مدروسة تلبي احتياجات حقيقية"</em>.
|
||||
أنا <strong class="text-gray-800 dark:text-neutral-200">جليل عرفاوي</strong>، مطوّر برمجيات مستقل مقيم في ألبي بفرنسا، أكثر من 20 سنة في المهنة.
|
||||
</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>
|
||||
تقنياتي المفضلة: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>، بالإضافة إلى PHP و Elixir.
|
||||
ما يحرّكني: بناء هياكل برمجية نظيفة وقابلة للصيانة، ونقل هذه الممارسات للآخرين.
|
||||
ما يميّزني ربما: أهتم بجودة الكود بقدر ما أهتم بما ينتجه. أفضّل البرمجيات الحرّة والأدوات التي تلبي احتياجات حقيقية.
|
||||
أتساءل أيضًا عن التحيّزات التي ندرجها في الكود، والتي تكرّس علاقات اجتماعية يجب أن نُساءلها.
|
||||
</p>
|
||||
<p>
|
||||
منظّم مجتمع Software Crafters Albi منذ 2018، أحب الجمع والمشاركة مع المتحمسين للبرمجة.
|
||||
أُدرّس البرمجة في <Link href="https://www.univ-jfc.fr/" external>جامعة شامبوليون</Link> وأنشّط مجتمع Software Crafters في ألبي منذ 2018.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<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>
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">التصوير الفوتوغرافي</strong> — التقاط اللحظة، اللعب بالضوء.
|
||||
شغف يرافقني منذ سنوات، أشاركه <Link href="/photo">على هذا الموقع</Link>.
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">التصوير الفوتوغرافي</strong> — وجوه، حفلات، محرّكات، الحياة اليومية.
|
||||
أصوّر ما يستوقفني، بلا خطّة مسبقة. ألقِ نظرة <Link href="/photo">على هذا الموقع</Link>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
تريد مناقشة مشروع، مهمة، أو مجرد الحديث عن البرمجة؟
|
||||
مشروع، خشبة مسرح، فكرة؟
|
||||
<br class="hidden sm:block" />
|
||||
· <Link href="mailto:jalil@arfaoui.net">راسلني</Link>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<PageHeading
|
||||
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" />
|
||||
|
|
@ -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>
|
||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||
<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.
|
||||
My motto: <em>"Building well-thought software that meets real needs"</em>.
|
||||
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.
|
||||
</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.
|
||||
I support teams as a senior developer, tech lead or technical coach depending on their needs.
|
||||
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.
|
||||
My stack: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, but also PHP and Elixir.
|
||||
</p>
|
||||
<p>
|
||||
My preferred stack: <strong class="text-gray-800 dark:text-neutral-200">TypeScript/JavaScript</strong>, but also PHP and Elixir.
|
||||
What drives me: building clean, maintainable architectures and sharing these practices with others.
|
||||
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.
|
||||
I also question the biases we embed in code, perpetuating social dynamics that must be challenged.
|
||||
</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>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<p>
|
||||
🎭 <strong class="text-gray-800 dark:text-neutral-200">Theater</strong> — Passionate amateur actor, I regularly perform on stage.
|
||||
Theater gives me another way to tell stories and connect with people.
|
||||
🎭 <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.
|
||||
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>
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">Photography</strong> — Capturing the moment, playing with light.
|
||||
A passion that has followed me for years, which I share <Link href="/photo">on this site</Link>.
|
||||
📸 <strong class="text-gray-800 dark:text-neutral-200">Photography</strong> — Faces, concerts, engines, everyday life.
|
||||
I photograph whatever catches my eye, with no particular plan. See for yourself <Link href="/photo">on this site</Link>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
Want to discuss a project, a mission, or just talk craft?
|
||||
A project, a stage, an idea?
|
||||
<br class="hidden sm:block" />
|
||||
· <Link href="mailto:jalil@arfaoui.net">Email me</Link>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
import Layout from "../../layouts/main.astro";
|
||||
---
|
||||
|
||||
<Layout title="Jalil Arfaoui - Developer • Comedian • Photographer">
|
||||
<Layout title="Jalil Arfaoui - Software Craftsman • Improv Actor • Photographer">
|
||||
<!-- 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="flex flex-col items-center md:flex-row">
|
||||
|
|
@ -11,10 +11,10 @@ import Layout from "../../layouts/main.astro";
|
|||
Jalil Arfaoui
|
||||
</h1>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
|
|
@ -56,7 +56,7 @@ import Layout from "../../layouts/main.astro";
|
|||
Developer
|
||||
</h3>
|
||||
<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>
|
||||
<div class="space-y-3">
|
||||
<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
|
||||
</h3>
|
||||
<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>
|
||||
<div class="space-y-3">
|
||||
<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
|
||||
</h3>
|
||||
<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>
|
||||
<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">
|
||||
|
|
@ -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="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">
|
||||
Let's stay in touch
|
||||
A project, a stage, an idea?
|
||||
</h2>
|
||||
<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>
|
||||
|
||||
<div class="flex justify-center space-x-6">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
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 -->
|
||||
<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">
|
||||
|
|
@ -11,10 +11,10 @@ import Layout from "../layouts/main.astro";
|
|||
Jalil Arfaoui
|
||||
</h1>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
|
|
@ -56,7 +56,7 @@ import Layout from "../layouts/main.astro";
|
|||
Développeur
|
||||
</h3>
|
||||
<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>
|
||||
<div class="space-y-3">
|
||||
<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
|
||||
</h3>
|
||||
<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>
|
||||
<div class="space-y-3">
|
||||
<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
|
||||
</h3>
|
||||
<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>
|
||||
<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">
|
||||
|
|
@ -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="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">
|
||||
Restons en contact
|
||||
Un projet, une scène, une idée ?
|
||||
</h2>
|
||||
<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>
|
||||
|
||||
<div class="flex justify-center space-x-6">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue