jalil/jalil.arfaoui.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Intro enrichie et polices optimisées en WOFF2

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/assets/css/main.css
View file

@ -4,23 +4,7 @@
@font-face {
font-family: 'Raleway';
src: url('../fonts/Raleway-Light.ttf') format('truetype');
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');
src: url('../fonts/Raleway-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;

BIN
src/assets/fonts/Raleway-Light.ttf
View file

Binary file not shown.

BIN
src/assets/fonts/Raleway-Light.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Raleway-Regular.ttf
View file

Binary file not shown.

BIN
src/assets/fonts/Raleway-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/Raleway-SemiBold.ttf
View file

Binary file not shown.

BIN
src/assets/fonts/Raleway-SemiBold.woff2 Normal file
View file

Binary file not shown.

16
src/pages/ar/برمجة/index.astro
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">
<div class="mb-10">
<h1 class="text-4xl sm:text-5xl font-bold text-white">حِرَفيّ البرمجيات</h1>
<p class="mt-4 text-lg text-white/65 leading-relaxed max-w-2xl">
مطوّر مستقل مقيم في <strong class="text-white">ألبي، فرنسا</strong>. أكثر من 20 سنة في بناء البرمجيات — Craftsmanship، TDD، DDD. أرافق الفرق كمطوّر أول، أو قائد تقني، أو مدرب تقني.
</p>
<h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">حِرَفيّ البرمجيات</h1>
<div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
<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 class="mb-12">

14
src/pages/code/index.astro
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">
<div class="mb-16">
<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">
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>
<div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
<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 class="mb-16">

16
src/pages/en/code/index.astro
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">
<div class="mb-10">
<h1 class="text-4xl sm:text-5xl font-bold text-white">Software Craftsman</h1>
<p class="mt-4 text-lg text-white/65 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>
<h1 class="text-4xl sm:text-5xl font-semibold text-white font-display tracking-wide">Software Craftsman</h1>
<div class="mt-6 space-y-4 text-lg text-white/60 leading-relaxed max-w-2xl">
<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 class="mb-12">