Début de mon congé de 4 mois, week-end prolongé pluvieux, tous les ingrédients étaient là pour que je peaufine le site de l'association, du moins que je termine la dernière salve de retouche de ces derniers mois. En effet, en novembre dernier, on vous annonçait le passage au Fluent 2 et forcément, en reprenant tout de 0 et à force d'utilisation, il me semblait nécessaire de faire quelques ajustements.

Le Fluent 2 de novembre posait un cadre. Mais ce cadre était encore un peu bancal : titres, systèmes de cartes, on n'était pas parfaitement dans les préceptes (toujours la main sur le cœur)... et en même temps, à trop faire du Fluent, on en perdait le côté gaming qui nous caractérise. Grâce au système de tokens, j'ai pu rapidement faire quelques ajustements, soigner les petits détails visuels qui font qu'un site semble propre ou pas, même quand personne ne saurait expliquer pourquoi. Le genre de travail invisible par définition, mais qui change quelque chose.

Mais à côté de ça, certains composants accusaient leur âge et tranchaient avec le nouveau style du site. J'ai donc repris complètement certains, et c'est vraiment ça qui m'a le plus occupé ces derniers jours :

La page LAN : une timeline pour vingt ans d'histoire

C'est le chantier le plus visible de ces dernières semaines. La page LAN recense l'intégralité de nos sessions depuis les débuts de l'association, c'est la page la plus chargée d'histoire du site, et paradoxalement l'une des moins soignées. Alimentée session après session depuis 2001 pour nos LAN privées, et depuis 2005 pour nos LAN publiques, sans jamais avoir été repensée en entier.

L'idée directrice : une timeline verticale colorée par ère. Les années UT99 dans la cave des parents de Christophe, l'époque Battlefield 3 à plus de 100 à Seyssuel, les WAN durant le COVID, les renards LAN, les sessions récentes, chaque grande période reçoit sa propre couleur d'accentuation. En faisant défiler la page, on ressent le passage du temps sans qu'il soit besoin de l'écrire. Un rappel discret que tout ça dure depuis plus de vingt ans, et que chaque époque avait quelque chose de particulier qui méritait mieux qu'une présentation uniforme.

Le carrousel : adieu CoverFlow, bonjour 2026

Il y avait sur la page d'accueil un widget qui datait de 2009, un effet "CoverFlow" façon iPod, avec les affiches qui défilent en arc de cercle. À l'époque, c'était le summum du moderne. En 2026, c'était devenu... disons, attachant.

Il a été remplacé par un carrousel "Spotlight" : l'affiche de la LAN sélectionnée s'affiche en grand au centre, pendant que les autres sessions apparaissent en vignettes dans une bande en dessous. Les couleurs d'ère s'appliquent automatiquement, chaque période garde son ambiance visuelle. Le tout répond à la molette, au swipe sur mobile, et au clavier pour ceux qui naviguent sans souris. Et un détail qu'on n'attendait pas forcément : on peut désormais partager un lien qui pointe directement vers une LAN spécifique dans le carrousel.

Le slideshow a vingt ans de moins

Le slideshow de la page d'accueil existait depuis l'époque où les effets "photo sur table" étaient encore tendance. Littéralement, les ombres portées façon 2010 étaient encore là, codées en dur. Il a été réécrit de zéro : apparence modernisée, animations plus fluides, thèmes clair et sombre gérés automatiquement. Rien qui saute aux yeux si vous ne saviez pas ce qu'il y avait avant. C'est souvent signe que c'est bien fait.

Les comptes-rendus : de la liste à la capsule

L'ancienne version du bloc Comptes-rendus affichait cinq CR au hasard sous forme de puces. Fonctionnel, mais sans âme.

Le nouveau concept : une capsule de mémoire humaine. Un extrait, une citation, une anecdote tirée d'un compte-rendu existant. Quelque chose qui donne envie de cliquer parce qu'on reconnaît un souvenir, ou parce qu'on veut savoir ce qui s'est passé ce soir-là. C'est un changement qui paraît mineur et qui change complètement le rapport à cette section.

Et cet extrait n'est pas généré automatiquement, je me suis paluché les 171 comptes rendus pour trouver la petite phrase qui va bien !

La page d'accueil, mieux équilibrée

La structure générale de la page d'accueil a également été retravaillée pour mieux équilibrer ses colonnes selon le contenu affiché, avec ou sans affiche de LAN en cours, la page tient maintenant correctement sans qu'une colonne écrase l'autre. Ce genre de détail de mise en page qu'on ne remarque que quand il cloche.

Et maintenant ?

Il me reste encore 4 mois de congés, et sans doute plein de retouches +/- importantes à faire, on verra en fonction du temps de sommeil disponible et de la motivation. Si vous avez un retour sur ce qui a changé, quelque chose qui coince ou une suggestion : les commentaires sont là pour ça. Et si tout vous semble identique à avant... c'est probablement que le boulot est bien fait.