Ajout de la section galerie photo et nettoyage du template
Galerie photo :
- Ajout du layout photo avec slideshow plein écran
- Navigation par catégories (portraits, paysages, nature, etc.)
- Section "Fil Photo" avec posts illustrés (photoBlogPosts)
- Lightbox pour les albums de catégories
- Composants : Slideshow, CategoryNav, CategoryGrid, Lightbox, MasonryGallery
Nettoyage :
- Suppression du contenu démo du template (posts, images, about)
- Consolidation src/collections/ dans src/data/
- Suppression du config.js dupliqué (garde config.ts)
- Nettoyage des assets inutilisés (posts/, experiences/)
Corrections :
- Favicon récupéré du site actuel
- Chemins favicon corrigés dans les layouts
UI :
- Page d'accueil mise à jour
- Header/Footer simplifiés
- Nouvelle page À propos
2026-01-07 01:45:40 +01:00
---
import PageHeading from "../../components/page-heading.astro";
import Layout from "../../layouts/main.astro";
import Link from "../../components/Link.astro";
---
<Layout title="About - Jalil Arfaoui">
<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."
/>
2026-02-17 01:43:59 +01:00
<img src="/assets/images/jalil.jpg" class="relative z-30 w-full my-10 rounded-xl" alt="Jalil Arfaoui" />
Ajout de la section galerie photo et nettoyage du template
Galerie photo :
- Ajout du layout photo avec slideshow plein écran
- Navigation par catégories (portraits, paysages, nature, etc.)
- Section "Fil Photo" avec posts illustrés (photoBlogPosts)
- Lightbox pour les albums de catégories
- Composants : Slideshow, CategoryNav, CategoryGrid, Lightbox, MasonryGallery
Nettoyage :
- Suppression du contenu démo du template (posts, images, about)
- Consolidation src/collections/ dans src/data/
- Suppression du config.js dupliqué (garde config.ts)
- Nettoyage des assets inutilisés (posts/, experiences/)
Corrections :
- Favicon récupéré du site actuel
- Chemins favicon corrigés dans les layouts
UI :
- Page d'accueil mise à jour
- Header/Footer simplifiés
- Nouvelle page À propos
2026-01-07 01:45:40 +01:00
<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>.
</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.
</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.
</p>
<p>
Organizer of Software Crafters Albi since 2018, I love bringing together and sharing with fellow code enthusiasts.
</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.
</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>.
</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?
<br class="hidden sm:block" />
· <Link href="mailto:jalil@arfaoui.net">Email me</Link>
</p>
</section>
</Layout>