Ça faisait un moment que le site avait besoin d’un coup de neuf. Je savais très bien ce qui n’allait pas : les images qui ne s’affichaient plus, la page « moi » un peu vide, les tags en vrac… Je n’avais juste jamais la motivation de m’y mettre. C’est fait, alors voilà un petit tour de l’avant et du maintenant.

Les images sont de retour

Toutes les images du site passaient par un CDN que j’avais développé moi-même, un petit projet perso qui tournait sur un VPS. Le jour où j’ai résilié ce VPS, le CDN est parti avec, et toutes les images avec lui. Photo de profil comprise :

Ancienne page d'accueil de MPInfo, la photo de profil ne s'affiche pas
Avant : la photo de profil ne charge plus

Maintenant, les images sont servies directement par le site, plus de dépendance à un serveur à part. Et j’en ai profité pour remplacer la photo par un avatar dessiné.

Nouvelle page d'accueil de MPInfo avec l'avatar dessiné
Maintenant

La page « moi » devient un CV

L’ancienne page, c’était une photo (cassée), mon nom et un paragraphe un peu creux.

Ancienne page Moi : une photo cassée, un nom et un court paragraphe
Avant

Maintenant, c’est un vrai petit CV : mon mastère Cloud infrastructure et cybersécurité chez Ynov, l’entreprise où je suis (2Emotion), mes compétences rangées par thème, mes projets et ce qui m’intéresse à côté.

Nouvelle page Moi au format CV avec avatar, expérience, formation, compétences et projets
Maintenant

Par contre, le contenu n’est pas du tout à jour pour l’instant : il manque encore pas mal de choses, et je le compléterai au fur et à mesure.

Des catégories et une recherche

Mes tags, c’était un peu n’importe quoi. Je les mettais à l’instinct, du genre troupeau-bleu ou mark-z-danielewski, et chacun avait sa page avec un seul article dedans. J’ai tout repris :

  • chaque article a maintenant une catégorie : Tech, Musique, Lecture, Société ou Perso ;
  • les tags, eux, ne s’affichent plus du tout : plus de pages vides. Ils servent maintenant en coulisses, pour la recherche et pour suggérer des articles proches.

Les catégories se filtrent directement depuis la liste des articles, avec des petites pastilles en haut. C’est clairement mon ajout préféré.

Liste des articles avec les filtres par catégorie en haut
Les filtres par catégorie

Il y a aussi une recherche maintenant. Elle cherche dans les titres et le contenu de tous les articles, filtre pendant qu’on tape, et tolère les fautes de frappe : « alcst » trouve quand même Alcest.

Page de recherche avec trois résultats pour shoegaze
La recherche, ici avec « shoegaze »

Et en bas de chaque article, un bloc « À lire aussi » propose trois articles proches, choisis selon les thèmes qu’ils ont en commun. De quoi passer d’un article à l’autre au lieu de tomber sur une page de tag avec un seul article dedans.

Bloc À lire aussi en bas de l'article sur Traefik, avec trois articles suggérés
« À lire aussi », ici sous l'article sur Traefik

Le site existe aussi en anglais

Tout le site est maintenant disponible en anglais : les articles, le CV, la recherche, les filtres… Un petit sélecteur FR / EN à côté du logo permet de changer de langue, et il renvoie directement vers la traduction de la page sur laquelle on se trouve, pas vers l’accueil.

Liste des articles en anglais, avec le sélecteur FR / EN à côté du logo
La version anglaise, avec le sélecteur FR / EN en haut à gauche

Le français reste la langue par défaut, la version anglaise vit sous /en/.

Un peu de couleur

Avant, c’était du texte noir sur fond blanc (ou l’inverse), et pas grand-chose d’autre. Maintenant, chaque catégorie a sa couleur : bleu pour la tech, violet pour la musique, orange pour la lecture, rose pour la société et vert pour le perso.

On la retrouve un peu partout : en pastille au-dessus du titre de chaque article, sur les cartes de la liste, devant les titres de section et dans les liens. Une fine barre de la même couleur se remplit aussi en haut de l’écran au fil de la lecture.

Haut de l'article sur Alcest, avec la pastille Musique, l'intro et les titres en violet
L'article sur Alcest, en violet comme toute la catégorie Musique

Et j’ai maintenant des encadrés pour mettre une info en avant, comme celui-ci :

Plus agréable à lire

Quelques détails qui m’agaçaient depuis longtemps :

  • sur un grand écran, le texte tenait dans une colonne toute fine au milieu d’un océan de vide. Elle s’élargit maintenant, sans rien changer sur mobile ;
  • en mode clair, les pages de liste avaient un fond légèrement gris alors que les articles étaient en blanc pur. Tout est au même blanc ;
  • les dates affichent enfin le bon mois (avant, tout était en « janvier », oui) ;
  • et il y a un nouveau favicon, un M blanc sur fond noir. Rien de fou, mais l’onglet a enfin une tête.

Et la suite ?

Mettre le CV à jour, et surtout recommencer à écrire. En janvier 2025, j’avais promis un article par mois… On va dire que celui-là compte pour plusieurs.