- Ajout de site: 'https://jalil.arfaoui.net' et @astrojs/sitemap avec support i18n dans astro.config.mjs - Création de src/components/SEO.astro : meta description, canonical, Open Graph, Twitter Cards, hreflang (fr/en/ar/x-default), JSON-LD Person (11 liens sameAs) sur chaque page et JSON-LD WebSite sur les pages d'accueil - Création de src/utils/page-translations.ts : mapping centralisé des URLs entre langues - Fix lang="en" hardcodé dans main.astro → lang dynamique + dir="rtl" pour l'arabe - Ajout de meta descriptions ciblées sur les 13 pages principales (FR/EN/AR) - Refactorisation du LanguageSwitcher pour utiliser le mapping centralisé - Ajout de la directive Sitemap dans robots.txt
59 lines
No EOL
3.1 KiB
Text
59 lines
No EOL
3.1 KiB
Text
---
|
|
import { Image } from "astro:assets";
|
|
import PageHeading from "../../components/page-heading.astro";
|
|
import Layout from "../../layouts/main.astro";
|
|
import Link from "../../components/Link.astro";
|
|
import jalilPhoto from "../../assets/images/jalil.jpg";
|
|
---
|
|
|
|
<Layout
|
|
title="About - Jalil Arfaoui"
|
|
description="Who is Jalil Arfaoui? Software craftsman, improv actor and photographer. Over 20 years of experience in software development."
|
|
>
|
|
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
|
<PageHeading
|
|
title="About"
|
|
description="Software craftsman, improv actor, curious photographer."
|
|
/>
|
|
|
|
<Image src={jalilPhoto} 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">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 — over 20 years in the trade.
|
|
</p>
|
|
<p>
|
|
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>
|
|
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>
|
|
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> — 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> — 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">
|
|
A project, a stage, an idea?
|
|
<br class="hidden sm:block" />
|
|
· <Link href="mailto:jalil@arfaoui.net">Email me</Link>
|
|
</p>
|
|
</section>
|
|
</Layout> |