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

Rythme global : fond subtil sur Parcours et Projets, espacement vertical accru entre sections

Browse source
This commit is contained in:
Jalil Arfaoui 2026-03-11 00:28:58 +01:00
parent 7b74131c00
commit d5ca37cc45
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/pages/code/index.astro
View file

@ -66,7 +66,7 @@ function formatMonth(dateStr: string) {
</div> </div>
</div> </div>
<div class="mb-16"> <div class="mb-20 -mx-7 px-7 py-8 bg-white/[0.03] rounded-2xl">
<div class="flex items-center justify-between mb-6"> <div class="flex items-center justify-between mb-6">
<h2 class="text-2xl font-bold text-white ">Parcours</h2> <h2 class="text-2xl font-bold text-white ">Parcours</h2>
<a href="/code/parcours" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tout &rarr;</a> <a href="/code/parcours" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tout &rarr;</a>
@ -110,7 +110,7 @@ function formatMonth(dateStr: string) {
</div> </div>
</div> </div>
<div class="mb-16"> <div class="mb-20 -mx-7 px-7 py-8 bg-white/[0.03] rounded-2xl">
<div class="flex items-center justify-between mb-6"> <div class="flex items-center justify-between mb-6">
<h2 class="text-2xl font-bold text-white ">Projets</h2> <h2 class="text-2xl font-bold text-white ">Projets</h2>
<a href="/code/projets" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tous &rarr;</a> <a href="/code/projets" class="text-sm text-purple-200 hover:text-white transition-colors">Voir tous &rarr;</a>
@ -130,7 +130,7 @@ function formatMonth(dateStr: string) {
</div> </div>
{recommendationTexts.length > 0 && ( {recommendationTexts.length > 0 && (
<div class="mb-16"> <div class="mb-20">
<div class="flex items-center justify-between mb-6"> <div class="flex items-center justify-between mb-6">
<h2 class="text-2xl font-bold text-white ">Recommandations</h2> <h2 class="text-2xl font-bold text-white ">Recommandations</h2>
<a href="/code/recommandations" class="text-sm text-purple-200 hover:text-white transition-colors">Voir toutes &rarr;</a> <a href="/code/recommandations" class="text-sm text-purple-200 hover:text-white transition-colors">Voir toutes &rarr;</a>
@ -150,7 +150,7 @@ function formatMonth(dateStr: string) {
</div> </div>
)} )}
<div class="mb-16"> <div class="mb-20">
<h2 class="text-2xl font-bold text-white mb-6">Valeurs & Approche</h2> <h2 class="text-2xl font-bold text-white mb-6">Valeurs & Approche</h2>
<ul class="space-y-4 text-white/80"> <ul class="space-y-4 text-white/80">
<ValueItem>Le mouvement <Link href="http://manifesto.softwarecraftsmanship.org/#/fr-fr" external>Software Craftsmanship</Link></ValueItem> <ValueItem>Le mouvement <Link href="http://manifesto.softwarecraftsmanship.org/#/fr-fr" external>Software Craftsmanship</Link></ValueItem>
@ -161,14 +161,14 @@ function formatMonth(dateStr: string) {
</ul> </ul>
</div> </div>
<div class="mb-16"> <div class="mb-20">
<h2 class="text-2xl font-bold text-white mb-6">Communauté & Enseignement</h2> <h2 class="text-2xl font-bold text-white mb-6">Communauté & Enseignement</h2>
<p class="text-white/60 leading-relaxed"> <p class="text-white/60 leading-relaxed">
J'anime les <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters d'Albi</Link> depuis 2018. Enseignant en génie logiciel à <Link href="https://www.univ-jfc.fr/" external>l'université Champollion</Link> d'Albi depuis 2019. J'anime les <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters d'Albi</Link> depuis 2018. Enseignant en génie logiciel à <Link href="https://www.univ-jfc.fr/" external>l'université Champollion</Link> d'Albi depuis 2019.
</p> </p>
</div> </div>
<div class="mb-16"> <div class="mb-20">
<h2 class="text-2xl font-bold text-white mb-6">En ligne</h2> <h2 class="text-2xl font-bold text-white mb-6">En ligne</h2>
<div class="flex flex-wrap gap-x-6 gap-y-3"> <div class="flex flex-wrap gap-x-6 gap-y-3">
<a href="https://www.linkedin.com/in/jalil" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-white/50 hover:text-white transition-colors"> <a href="https://www.linkedin.com/in/jalil" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-white/50 hover:text-white transition-colors">