Fix documentation width on mobile

website/assets/css/main.css

@@ -199,7 +199,8 @@ img {
 
 /* ── Article (single page) ── */
 .article-wrap {
-  padding: 2.5rem 0 4rem;
+  padding-top: 2.5rem;
+  padding-bottom: 4rem;
 }
 
 .article-header {
@@ -335,6 +336,7 @@ img {
   border-radius: 3px;
   font-size: 0.875em;
   font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  overflow-wrap: break-word;
 }
 
 .article-body pre {
@@ -366,6 +368,7 @@ img {
 
 .article-body table {
   width: 100%;
+  table-layout: fixed;
   border-collapse: collapse;
   margin: 0 0 1.25rem;
   font-size: 0.9rem;
@@ -376,6 +379,7 @@ img {
   text-align: left;
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--border);
+  overflow-wrap: break-word;
 }
 
 .article-body th {
@@ -401,7 +405,8 @@ img {
 
 /* ── List page ── */
 .list-wrap {
-  padding: 2.5rem 0 4rem;
+  padding-top: 2.5rem;
+  padding-bottom: 4rem;
 }
 
 .list-header {
@@ -628,7 +633,7 @@ img {
 
 .features-grid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 2rem;
   max-width: var(--max-width);
   margin: 0 auto;
@@ -666,7 +671,7 @@ img {
     max-width: 960px;
   }
   .features-grid {
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(4, minmax(0, 1fr));
     max-width: none;
   }
 
@@ -697,6 +702,19 @@ img {
   html {
     font-size: 16px;
   }
+  .header-inner {
+    height: auto;
+    flex-wrap: wrap;
+    padding: 0.6rem 0;
+    row-gap: 0.4rem;
+  }
+  .site-nav {
+    order: 3;
+    width: 100%;
+    margin-left: 0;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
   .site-nav .nav-link {
     padding: 0.25rem 0.4rem;
   }

website/content/blog/2026-06-14-lancement.fr.md

@@ -16,11 +16,11 @@ L'application est **bilingue** (français et anglais) et **installable** sur vot
 
 ## Pourquoi ce projet ?
 
-La plupart des applications de fitness que j'ai essayées partagent les mêmes limitations : elles exigent un compte, envoient vos données dans le cloud, et disparaissent si l'abonnement s'arrête ou si le service ferme. Et quand on veut partager un entraînement ou exporter ses données vers un autre outil, c'est souvent impossible — ou verrouillé derrière un format propriétaire.
+La plupart des applications de fitness que j'ai essayées partagent les mêmes limitations : elles exigent un compte, envoient vos données dans le cloud, et disparaissent si l'abonnement s'arrête ou si le service ferme. Et quand on veut partager un entraînement ou exporter ses données vers un autre outil, c'est souvent impossible — ou verrouillé derrière un format propriétaire. Je ne les ai pas toutes essayées mais par exemple celle de mon coach (oui je me suis offert quelques séances de coaching en 2025) était une vrai catastrophe ou presque.
 
 Je voulais quelque chose de simple, qui fonctionne sans connexion, qui ne collecte rien, et qui permette de partager librement ses données. Alors je l'ai construit.
 
-> **L'IA a écrit presque tout le code.** J'ai les compétences techniques pour mener ce type de projet, mais pas le temps — et pour être transparent : la grande majorité du code source a été écrite par des assistants IA, pas par moi. J'ai dirigé l'architecture, relu chaque modification, guidé l'implémentation et pris toutes les décisions. Mais si l'auteur, c'est celui qui tape les lignes, ce crédit revient en grande partie à l'IA. L'émergence de ces outils a complètement changé l'équation : ce qui m'aurait pris des mois de soirées et de week-ends est devenu réalisable, et j'ai pu tester et comparer pas mal de modèles et d'assistants au fil du développement — ce qui est en soi un bénéfice.
+> **L'IA a écrit presque tout le code.** J'ai les compétences techniques pour mener ce type de projet, mais pas le temps — et pour être transparent : la grande majorité du code source a été écrite par des assistants IA, pas par moi. J'ai choisi l'architecture, guidé l'implémentation et pris toutes les décisions. Mais si l'auteur, c'est celui qui tape les lignes, ce crédit revient en grande partie à l'IA. L'émergence de ces outils a complètement changé l'équation : ce qui m'aurait pris des mois de soirées et de week-ends est devenu réalisable, et j'ai pu tester et comparer pas mal de modèles et d'assistants au fil du développement — ce qui est en soi un bénéfice.
 
 ## Ce que l'application permet de faire
 

website/content/blog/2026-06-20-ia.en.md

@@ -0,0 +1,8 @@
+---
+title: "IA and I"
+date: 2026-06-19
+description: "How I use IA"
+draft: true
+---
+
+rpout

website/content/blog/2026-06-20-ia.fr.md

@@ -0,0 +1,57 @@
+---
+title: "L'IA et moi"
+date: 2026-06-19
+description: "Comment j'ai utilisé l'IA"
+draft: true
+---
+
+J'ai *massivement* utilisé l'IA pour créer TrainUs.
+
+## Pourquoi utiliser l'IA?
+
+De part ma formation (ingénieur en informatique) et mon expérience professionnelle (j'ai été développer), j'ai les compétences techniques requises pour créer ce type d'application. Mon problème n'a jamais été les compétences ou même les idées d'application, j'ai toujours eu pleins d'idées pour des projets personnels. Mes problèmes ont toujours été **le temps et l'envie**.
+
+### Le temps
+
+Un projet informatique prends toujours plus de temps qu'on ne le pense et souvent cela suit le principe de Pareto: 80% du projet prends 20% du temps nécessaire pour faire la totalité et les derniers 20%, 80% de votre temps. C'est souvent pour ça que les POC (Proof Of Concept) prennent si peu de temps, ils ne font jamais les 20 derniers % - qui ne sont souvent pas les plus inétressants.
+
+### L'envie
+
+Je passe déjà 8h par jour devant un écran du coup j'ai envie de faire autre chose pendant mon temps libre. De sucroit si il y a un vrai plaisir à résoudre un bug qui vous a résisté pendant des heures, le code en soi n'a jamais été mon objectif, je me suis toujours intéressé au produit derrière. Je suis du genre feignant sur l'architecture d'un produit mais par contre intrengisant sur les tests et la documentation.
+
+Bref généralement je n'ai pas envie d'écrire du code, j'ai envie de créer quelque chose d'utile (au moins pour moi).
+
+### L'IA
+
+Du coup l'IA permet de résoudre cet équation.
+
+Pour **le temps**, elle peut travailler seule pendant que je fais autre chose (comme ma séance de sport). Attention ! Ce n'est pas toujours *gratuit* non plus, elle représente une **charge mentale** dans votre cerveau (en tout cas par moment pour moi car je lui tiens encore un peu la main). En plus elle est super efficace pour s'occuper des 20% restant ! Exemple: son expertise en CSS lui permet de résoudre très rapidement des petits glitch de GUI qui vous aurez pris pas mal de temps.
+
+Pour **l'envie**, elle vous permet de raffiner vos idées et de les transformer en produit que vous pouvez tester. La création est toujours de votre côté.
+
+## La méthode
+
+Archi
+Stack technique
+Spec fonctionnelle
+Daitaxis pour la doc
+Tests
+
+## Les outils
+
+Extension github copilot sur VS Code
+OpenCode
+Claude Code
+
+## Les modèles
+
+Claude Opus 4.6
+Claude Sonnet 4.6
+Claude Fable 5
+Qwen 3.6 Pro
+MiMo v2.5 Pro
+
+Merci tokscale !
+
+Coût: plus de 300$ sans abonnement
+Moins de trois mois