Intro enrichie et polices optimisées en WOFF2

Reprend le texte de /a-propos dans l'intro des 3 hubs /code : stack,
rapport au logiciel libre, biais dans le code, enseignement. Convertit
les polices Raleway en WOFF2 (52 Ko vs 180 Ko en TTF), ne charge que
le SemiBold utilisé par le h1.
This commit is contained in:
Jalil Arfaoui 2026-02-23 01:25:51 +01:00
parent 0ac8a33c4c
commit 76bd2f9fb3
10 changed files with 36 additions and 28 deletions

View file

@ -4,23 +4,7 @@
@font-face { @font-face {
font-family: 'Raleway'; font-family: 'Raleway';
src: url('../fonts/Raleway-Light.ttf') format('truetype'); src: url('../fonts/Raleway-SemiBold.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
font-weight: 600; font-weight: 600;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -46,10 +46,18 @@ function formatMonth(dateStr: string) {
> >
<section dir="rtl" lang="ar" class="relative z-20 max-w-3xl mx-auto my-12 px-7 lg:px-0"> <section dir="rtl" lang="ar" class="relative z-20 max-w-3xl mx-auto my-12 px-7 lg:px-0">
<div class="mb-10"> <div class="mb-10">
<h1 class="text-4xl sm:text-5xl font-bold text-white">حِرَفيّ البرمجيات</h1> <h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">حِرَفيّ البرمجيات</h1>
<p class="mt-4 text-lg text-white/65 leading-relaxed max-w-2xl"> <div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
مطوّر مستقل مقيم في <strong class="text-white">ألبي، فرنسا</strong>. أكثر من 20 سنة في بناء البرمجيات — Craftsmanship، TDD، DDD. أرافق الفرق كمطوّر أول، أو قائد تقني، أو مدرب تقني. <p>
</p> TDD، Clean Code، Domain-Driven Design: هذه طريقتي في بناء البرمجيات. أرافق الفرق كمطوّر أول، أو قائد تقني، أو مدرب تقني. أدواتي: TypeScript/JavaScript، وكذلك PHP وElixir.
</p>
<p>
ما يميّزني ربّما: أهتمّ بجودة الكود بقدر اهتمامي بما ينتجه. أفضّل البرمجيات الحرّة والأدوات التي تلبّي احتياجات حقيقية. أتساءل أيضًا عن التحيّزات التي ندرجها في الكود، والتي تُديم علاقات اجتماعية تستحقّ المساءلة.
</p>
<p>
أُدرّس البرمجة في <Link href="https://www.univ-jfc.fr/" external>جامعة شامبوليون</Link> وأنشّط مجتمع <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters Albi</Link> منذ 2018.
</p>
</div>
</div> </div>
<div class="mb-12"> <div class="mb-12">

View file

@ -43,9 +43,17 @@ function formatMonth(dateStr: string) {
<section class="relative z-20 max-w-3xl mx-auto my-16 px-7 lg:px-0"> <section class="relative z-20 max-w-3xl mx-auto my-16 px-7 lg:px-0">
<div class="mb-16"> <div class="mb-16">
<h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">Artisan du logiciel</h1> <h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">Artisan du logiciel</h1>
<p class="mt-6 text-lg text-white/60 leading-relaxed max-w-2xl"> <div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
Développeur freelance basé à <strong class="text-white">Albi</strong>. Plus de 20 ans à construire du logiciel — Craftsmanship, TDD, DDD. J'accompagne les équipes comme développeur senior, tech lead ou coach technique. <p>
</p> 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. Ma stack : TypeScript/JavaScript, mais aussi PHP et Elixir.
</p>
<p>
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>
J'enseigne la programmation à <Link href="https://www.univ-jfc.fr/" external>l'université Champollion</Link> et j'anime les <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters d'Albi</Link> depuis 2018.
</p>
</div>
</div> </div>
<div class="mb-16"> <div class="mb-16">

View file

@ -46,10 +46,18 @@ function formatMonth(dateStr: string) {
> >
<section class="relative z-20 max-w-3xl mx-auto my-12 px-7 lg:px-0"> <section class="relative z-20 max-w-3xl mx-auto my-12 px-7 lg:px-0">
<div class="mb-10"> <div class="mb-10">
<h1 class="text-4xl sm:text-5xl font-bold text-white">Software Craftsman</h1> <h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">Software Craftsman</h1>
<p class="mt-4 text-lg text-white/65 leading-relaxed max-w-2xl"> <div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
Freelance developer based in <strong class="text-white">Albi, France</strong>. Over 20 years building software — Craftsmanship, TDD, DDD. I work with teams as a senior developer, tech lead or technical coach. <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: TypeScript/JavaScript, but also PHP and Elixir.
</p>
<p>
What sets me apart, perhaps: I care as much about code quality 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 deserve scrutiny.
</p>
<p>
I teach programming at <Link href="https://www.univ-jfc.fr/" external>Université Champollion</Link> and have been running the <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters Albi</Link> meetup since 2018.
</p>
</div>
</div> </div>
<div class="mb-12"> <div class="mb-12">