diff --git a/README.md b/README.md
index a63a102..32e72c3 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ Visit the live site: [remybarranco.fr](https://remybarranco.fr)
 - Mathematical content support with KaTeX
 - Responsive design
 - Automatic asset optimization
-- Internationalization support
+- Internationalization support (`/en/` and `/fr/` URLs)
 - RSS feed generation
 - Sitemap generation
 - Automatic deployment via GitHub Actions
@@ -123,6 +123,10 @@ Your content here...
 
 Add new projects as Markdown or MDX files in the `src/content/projects/` directory.
 
+### Translations
+
+Pages are organized under `/[lang]/` where `lang` is `en` or `fr`. Strings are stored in `src/i18n/ui.ts`. Use the same keys for each language and retrieve them with `useTranslations(lang)` in your pages or components. To add a new translation, duplicate the content file with the `.fr.md` or `.en.md` suffix and set the `lang` frontmatter field.
+
 ## 🤝 Contributing
 
 Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 125e90d..b47b37d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,9 +1,13 @@
 ---
+import { useTranslations } from "../i18n/utils";
+
+const { lang } = Astro.props;
+const t = useTranslations(lang);
 const today = new Date();
 ---
 
 <footer>
-    <p>&copy; {today.getFullYear()} Rémy Barranco. All rights reserved.</p>
+    <p>{t("footer.text", today.getFullYear())}</p>
     <div class="social-links">
         <a
             href="https://github.com/phaired/blog"
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 85599e4..66c67b5 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -1,14 +1,15 @@
 ---
 interface Props {
     date: Date | string;
+    lang: string;
 }
 
-const { date }: Props = Astro.props;
+const { date, lang = "en" }: Props = Astro.props;
 ---
 
 <time datetime={new Date(date).toISOString()}>
     {
-        new Date(date).toLocaleDateString("en-us", {
+        new Date(date).toLocaleDateString(lang, {
             year: "numeric",
             month: "short",
             day: "numeric",
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 071f4fe..f345752 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,21 +2,34 @@
 import HeaderLink from "./HeaderLink.astro";
 import { SITE_TITLE } from "../consts";
 import Theme from "./ThemeIcon.astro";
+import LanguageSwitcher from "./LanguageSwitcher.astro";
+import { useTranslations } from "../i18n/utils";
+
+interface Props {
+    lang: string;
+    title?: string;
+}
+
+const { lang, title = SITE_TITLE }: Props = Astro.props;
+const t = useTranslations(lang);
 ---
 
 <header>
     <nav>
-        <h2><a href="/">{SITE_TITLE}</a></h2>
+        <h2><a href={`/${lang}/`}>{title}</a></h2>
         <div class="internal-links">
             {
                 /*
 				<HeaderLink href="/">Home</HeaderLink>
 				*/
             }
-            <HeaderLink href="/projects">Projects</HeaderLink>
-            <HeaderLink href="/blog">Blog</HeaderLink>
-            <HeaderLink href="/about">About</HeaderLink>
+            <HeaderLink href={`/${lang}/projects`}
+                >{t("nav.projects")}</HeaderLink
+            >
+            <HeaderLink href={`/${lang}/blog`}>{t("nav.blog")}</HeaderLink>
+            <HeaderLink href={`/${lang}/about`}>{t("nav.about")}</HeaderLink>
             <Theme />
+            <LanguageSwitcher lang={lang} />
         </div>
 
         <!--		<div class="social-links">
diff --git a/src/components/LanguageSwitcher.astro b/src/components/LanguageSwitcher.astro
new file mode 100644
index 0000000..aa88010
--- /dev/null
+++ b/src/components/LanguageSwitcher.astro
@@ -0,0 +1,29 @@
+---
+import { getLocalizedPathname, LANGUAGES } from "../i18n/utils";
+interface Props {
+    lang: string;
+}
+const { lang }: Props = Astro.props;
+const otherLangs = Object.keys(LANGUAGES).filter((l) => l !== lang);
+---
+
+<div class="lang-switcher">
+    {
+        otherLangs.map((l) => (
+            <a href={getLocalizedPathname(Astro.url.pathname, l)}>
+                {l.toUpperCase()}
+            </a>
+        ))
+    }
+</div>
+<style>
+    .lang-switcher {
+        display: flex;
+        gap: 0.5em;
+        margin-left: 0.5em;
+    }
+    .lang-switcher a {
+        text-decoration: none;
+        font-size: 0.8em;
+    }
+</style>
diff --git a/src/components/ReadingTime.astro b/src/components/ReadingTime.astro
index 1d39f4d..277a855 100644
--- a/src/components/ReadingTime.astro
+++ b/src/components/ReadingTime.astro
@@ -1,16 +1,20 @@
 ---
 import wordCount from "word-count";
+import { useTranslations } from "../i18n/utils";
+
 interface Props {
     body: string;
+    lang: string;
 }
 
-const { body }: Props = Astro.props;
+const { body, lang }: Props = Astro.props;
+const t = useTranslations(lang);
 const calculateReadingTime = (postContent) => {
     const wordsPerMinute = 200; // Average reading speed
     const contentAsString = postContent || ""; // Ensure the content is a string
     const wordCountInPost = wordCount(contentAsString);
     const readingTime = Math.ceil(wordCountInPost / wordsPerMinute);
-    return `${readingTime} ${readingTime > 1 ? "mins" : "min"} read`;
+    return t("reading.minRead", readingTime);
 };
 ---
 
diff --git a/src/content/blog/blog-with-vps.fr.md b/src/content/blog/blog-with-vps.fr.md
new file mode 100644
index 0000000..f119cea
--- /dev/null
+++ b/src/content/blog/blog-with-vps.fr.md
@@ -0,0 +1,66 @@
+---
+title: "Blog avec hébergement VPS : guide pratique"
+description: "Apprenez à créer votre propre blog : un guide étape par étape pour héberger le code source sur GitHub et votre site sur le VPS de votre choix"
+pubDate: "Sept 25 2023"
+updatedDate: "April 2 2024"
+heroImage: "/blog/blog-with-vps/blog-with-vps-hero.webp"
+lang: "fr"
+isVisible: true
+---
+
+### Pour commencer
+
+Tout d'abord, vous aurez besoin d'un dépôt GitHub pour héberger votre code source. Installez ensuite [astrojs](https://astro.build) ou tout autre framework de site statique de votre choix. J'utilise personnellement GitHub Actions pour construire et déployer automatiquement à chaque push sur la branche principale. Pour mettre en place ces actions, créez un dossier `.github/workflows` à la racine de votre projet puis créez le fichier `build-and-deploy.yml` et ajoutez le code suivant :
+
+```yml
+name: Build and Deploy
+
+on:
+    push:
+        branches:
+            - main
+
+jobs:
+    deploy:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v3
+
+            - name: Install Node.js
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 20
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Build
+              run: npm run build
+
+            - name: Add robots.txt
+              run: echo 'User-agent:*' > ./dist/robots.txt && echo 'Disallow:' > ./dist/robots.txt
+
+            - name: Copy files via SCP
+              uses: appleboy/scp-action@v0.1.4
+              with:
+                  host: ${{ secrets.HOST }}
+                  username: ${{ secrets.USERNAME }}
+                  key: ${{ secrets.SSHKEY }}
+                  port: ${{ secrets.PORT }}
+                  source: ./dist/*
+                  target: ${{ secrets.SERVER_FOLDER }}
+                  strip_components: 1
+                  rm: true
+```
+
+La syntaxe de GitHub Actions est assez simple. Cette action se déclenche lors d'un push sur la branche **main**. Le job `deploy` s'exécute sur Ubuntu. Chaque étape comporte un **name**, **uses** ou **run**, et parfois **with** :
+
+- **name** : l'identifiant de l'étape dans les logs
+- **uses** : appelle une action existante
+- **run** : exécute une commande en ligne de commande
+- **with** : définit les paramètres de l'étape
+
+Par exemple, l'étape "Checkout code" récupère le dépôt sur le runner. L'étape "Install Node.js" installe Node.js en spécifiant la version 20.
+
+L'étape "Copy files via SCP" est particulièrement intéressante. SCP (Secure Copy Protocol) permet de transférer des fichiers de manière sécurisée entre un hôte local et un hôte distant. Ici, nous utilisons les secrets du dépôt pour transférer les fichiers générés vers le serveur. L'action `appleboy/scp-action@v0.1.4` simplifie ce processus.
diff --git a/src/content/blog/blog-with-vps.md b/src/content/blog/blog-with-vps.md
index 4e3b5fe..c8baea8 100644
--- a/src/content/blog/blog-with-vps.md
+++ b/src/content/blog/blog-with-vps.md
@@ -4,6 +4,7 @@ description: "Learn How to Create Your Own Blog: A Step-by-Step Guide to Hosting
 pubDate: "Sept 25 2023"
 updatedDate: "April 2 2024"
 heroImage: "/blog/blog-with-vps/blog-with-vps-hero.webp"
+lang: "en"
 isVisible: true
 ---
 
diff --git a/src/content/config.ts b/src/content/config.ts
index 581001b..d9603b9 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -10,6 +10,7 @@ const blog = defineCollection({
         updatedDate: z.coerce.date().optional(),
         heroImage: z.string().optional(),
         heroGif: z.string().optional(),
+        lang: z.string(),
         isVisible: z.boolean().default(false),
     }),
 });
@@ -24,6 +25,7 @@ const projects = defineCollection({
         updatedDate: z.coerce.date().optional(),
         heroImage: z.string().optional(),
         heroGif: z.string().optional(),
+        lang: z.string(),
         isVisible: z.boolean().default(false),
     }),
 });
diff --git a/src/content/projects/NBodySimulation.fr.md b/src/content/projects/NBodySimulation.fr.md
new file mode 100644
index 0000000..32f34eb
--- /dev/null
+++ b/src/content/projects/NBodySimulation.fr.md
@@ -0,0 +1,239 @@
+---
+title: "Simulation N-corps MPI"
+description: "Programme C++ utilisant MPI pour la simulation N-corps"
+pubDate: "Jan 11 2024"
+updatedDate: "April 2 2024"
+heroImage: "/projects/nbody/nbody-hero.png"
+heroGif: "/projects/nbody/nbody-gif.gif"
+lang: "fr"
+isVisible: true
+---
+
+## Simulation N-corps
+
+### Introduction
+
+Dans ce projet, nous étudions le problème des N-corps, sujet classique de la physique qui consiste à calculer les mouvements d'objets soumis à la gravitation. L'objectif est de créer une simulation 2D distribuée afin d'optimiser les calculs. Des références à une troisième dimension apparaissent parfois car nous souhaitions étendre le sujet initial, sans toutefois avoir le temps de le réaliser.
+
+### Analyse du sujet
+
+Ce projet vise à développer une simulation N-corps en programmation parallèle avec MPI (Message Passing Interface) en C++. Cette approche est choisie pour traiter efficacement les calculs intensifs requis par le problème N-corps (complexité O(n²)), où la position et la vitesse de chaque corps sont calculées en fonction de la gravitation exercée par tous les autres.
+
+### Structures de données et algorithmes
+
+Le code utilise une structure `Body` pour représenter chaque corps avec sa masse, sa position et sa vitesse. La fonction principale `calculateForces` calcule les forces gravitationnelles exercées entre un sous-ensemble de corps et l'ensemble général. Chaque nœud ne traite que ses propres corps et MPI se charge de synchroniser positions et vitesses après chaque étape.
+
+### Paradigme choisi
+
+Le paradigme de programmation parallèle MPI est retenu. Il est justifié par la nature fortement parallèle du problème N-corps, où les calculs pour chaque corps peuvent être effectués indépendamment. L'utilisation d'un paradigme type Map‑Reduce n'aurait pas de sens ici, le volume de données échangé étant faible au regard de la charge de calcul.
+
+Le projet nécessitant une grande puissance de calcul, le choix d'un langage bas niveau comme le C++ (plutôt que Java) est approprié. Chaque nœud ne travaillant que sur sa portion de données, aucun mécanisme particulier de concurrence n'est requis.
+
+MPI permet ainsi de répartir les calculs sur plusieurs nœuds pour traiter efficacement des simulations de grande ampleur.
+
+### Décomposition en sous-problèmes
+
+Le problème est découpé comme suit :
+
+- Initialisation des corps
+- Calcul des forces et accélérations sur chaque corps
+- Mise à jour des positions
+
+### Code d'initialisation des corps
+
+La fonction `initBodies` initialise un vecteur de structures `Body`. Chaque `Body` représente un objet de masse donnée avec position et vitesse. Nous simulons un corps massif au centre entouré d'un anneau de corps plus légers placés aléatoirement. Pour l'expérimentation, on peut modifier les paramètres d'accélération des corps (vx, vy, vz).
+
+```cpp
+void initBodies(std::vector<Body>& bodies) {
+    if (!bodies.empty()) {
+        bodies[0].mass = 100000.0;
+        bodies[0].x = 0;
+        bodies[0].y = 0;
+        bodies[0].z = 0;
+        bodies[0].vx = 0;
+        bodies[0].vy = 0;
+        bodies[0].vz = 0;
+    }
+
+    int externalDiameter = 80000;
+    int internalDiameter = 40000;
+
+    for (size_t i = 1; i < bodies.size(); ++i) {
+        double r = (internalDiameter + (rand()
+        % (externalDiameter - internalDiameter)));
+
+        double theta = (rand() % 360) * (M_PI / 180);
+        double x = r * cos(theta);
+        double y = r * sin(theta);
+
+        bodies[i].mass = 1.0;
+        bodies[i].x = x;
+        bodies[i].y = y;
+        bodies[i].z = 0;
+        bodies[i].vx = 10;
+        bodies[i].vy = -10;
+        bodies[i].vz = 0;
+    }
+}
+```
+
+_Fonction d'initialisation du système stellaire simulé_
+
+Structure `Body` :
+
+```cpp
+struct Body {
+    double mass;
+    double x, y, z; // Coordonnées
+    double vx, vy, vz; // Vitesses
+
+    Body() : mass(0), x(0), y(0), z(0), vx(0), vy(0), vz(0) {}
+    Body(double m, double _x, double _y, double _z,
+    double _vx, double _vy, double _vz)
+        : mass(m), x(_x), y(_y), z(_z), vx(_vx), vy(_vy), vz(_vz) {}
+
+};
+```
+
+#### Méthode `calculateForces`
+
+La fonction `calculateForces` évalue les forces agissant sur un sous‑ensemble d'objets (selon le rang) par rapport à l'ensemble complet stocké dans le vecteur de `Body`.
+
+Cette méthode applique la formule de Newton :
+
+$$
+F = G * (m1 * m2) / (d^2)
+$$
+
+Elle reçoit en paramètre le vecteur de `Body`, le rang du nœud courant (`rank`) ainsi que le nombre total de nœuds (`numProcesses`). On commence par déterminer la portion de corps à traiter pour chaque nœud en divisant le nombre total de corps par le nombre de processus. Cela équilibre la charge et optimise l'utilisation des ressources.
+
+Pour chaque corps traité par un nœud, on calcule la force résultant de l'interaction avec tous les autres corps. Pour éviter de calculer la force d'un corps sur lui‑même, on vérifie `if (i != j)`. La force est évaluée à l'aide de la gravitation universelle, où `dx` et `dy` représentent la différence de position. On ajoute une petite valeur `epsilon` au dénominateur pour éviter une division par zéro lorsque deux corps sont très proches.
+
+Après le calcul de la force, la vitesse de chaque corps est mise à jour. On tient compte de la masse via un multiplicateur pour ajuster l'effet de la force sur la vitesse. Cette mise à jour est essentielle pour simuler correctement le mouvement des corps.
+
+On ajoute la valeur `epsilon` pour limiter les valeurs extrêmes lorsque deux particules sont presque en collision, ce qui éviterait des forces tendant vers l'infini.
+
+```cpp
+void calculateForces(
+    std::vector<Body>& bodies,
+    int rank,
+    int numProcesses
+) {
+    const long massMultiplier = 1e12;
+    int numBodies = bodies.size();
+    int bodiesPerProcess = numBodies / numProcesses;
+    int startIdx = rank * bodiesPerProcess;
+    int endIdx = startIdx + bodiesPerProcess;
+
+    for (int i = startIdx; i < endIdx; ++i) {
+        for (int j = 0; j < numBodies; ++j) {
+            if (i != j) {
+                double dx = bodies[j].x - bodies[i].x;
+                double dy = bodies[j].y - bodies[i].y;
+                double dist = sqrt(dx * dx + dy * dy);
+                double epsilon = 1e-10;
+                double force = (
+                    G * bodies[i].mass * massMultiplier
+                    * bodies[j].mass * massMultiplier
+                ) / (dist * dist * dist + epsilon);
+                double fx = force * dx;
+                double fy = force * dy;
+                bodies[i].vx += fx / (bodies[i].mass * massMultiplier);
+                bodies[i].vy += fy / (bodies[i].mass * massMultiplier);
+            }
+        }
+    }
+}
+```
+
+Fonction de calcul des forces
+
+#### Méthode `updatePositions`
+
+Pour chaque nœud, `updatePositions` met à jour la position en fonction de la vitesse courante et de l'intervalle de temps `dt` pour les corps de son sous‑ensemble. Les nouvelles positions sont obtenues en ajoutant le produit de la vitesse (x, y) par `dt` à la position actuelle.
+
+```cpp
+void updatePositions(
+    std::vector<Body>& bodies,
+    double dt,
+    int rank,
+    int numProcesses
+) {
+    int numBodies = bodies.size();
+    int bodiesPerProcess = numBodies / numProcesses;
+    int startIdx = rank * bodiesPerProcess;
+    int endIdx = startIdx + bodiesPerProcess;
+
+    for (int i = startIdx; i < endIdx; ++i) {
+        bodies[i].x += bodies[i].vx * dt;
+        bodies[i].y += bodies[i].vy * dt;
+        //bodies[i].z += bodies[i].vz * dt;
+    }
+}
+```
+
+Mise à jour de la position des corps
+
+#### Initialisation MPI
+
+La simulation démarre par l'initialisation de l'environnement MPI, indispensable au fonctionnement parallèle :
+
+- `MPI_Init(&argc, &argv);` initialise MPI pour chaque processus.
+- `MPI_Comm_rank` et `MPI_Comm_size` récupèrent le rang et le nombre total de processus.
+- `MPI_Get_processor_name` obtient le nom d'hôte de chaque processus.
+- `MPI_Comm_set_errhandler` définit le gestionnaire d'erreurs du communicateur.
+
+#### Paramétrage de la simulation
+
+Les paramètres comme l'intervalle de temps (`dt`), le nombre total de corps (`total_bodies`) et le nombre d'étapes (`num_steps`) sont définis et peuvent être ajustés via la ligne de commande.
+
+#### Initialisation et diffusion des corps
+
+Les corps sont initialisés dans un vecteur `bodies` puis les données sont diffusées à tous les nœuds via `MPI_Bcast`.
+
+#### Boucle de simulation
+
+La simulation est orchestrée par une boucle `for` dont chaque itération représente une étape. Les fonctions MPI assurent la synchronisation et la communication entre nœuds :
+
+- `MPI_Bcast` : diffuse les données des corps depuis le nœud principal (rang 0) vers tous les autres pour débuter l'étape avec des informations à jour.
+- `MPI_Allgather` : après mise à jour des positions et vitesses par chaque nœud, collecte et redistribue les données afin que tous disposent de l'ensemble complet pour l'étape suivante.
+- Gestion des erreurs : `MPI_Comm_set_errhandler` permet de définir des gestionnaires personnalisés pour mieux traiter les erreurs de communication.
+
+#### Gestion des sorties
+
+Le processus de rang 0 gère un tampon de sortie et un thread d'écriture pour enregistrer les résultats dans un fichier, minimisant ainsi les opérations de disque.
+
+#### Synchronisation et communication
+
+`MPI_Allgather` est utilisé pour synchroniser les données mises à jour sur tous les nœuds afin que chacun dispose des informations nécessaires à l'étape suivante.
+
+#### Finalisation
+
+À la fin de la simulation, toutes les ressources MPI sont libérées et l'environnement est clôturé via `MPI_Finalize`.
+
+Cette décomposition permet de traiter le problème étape par étape en veillant à optimiser chaque partie pour un environnement parallèle.
+
+#### Conclusion de l'analyse
+
+Le choix du C++ avec MPI répond au besoin de gérer efficacement de lourds calculs. La structure du code, les choix algorithmiques et le paradigme parallèle visent tous à obtenir une simulation précise et performante du problème N-corps.
+
+Une [vidéo présentant le résultat du programme](https://youtube.com/shorts/L-RjCFGIovc) est disponible.
+
+#### Script d'hôtes
+
+Le script ci-dessous facilite l'identification et la gestion des hôtes disponibles dans un réseau. Il vise à déterminer le nombre de processeurs sur chaque machine via un script Python utilisant notamment `ssh` et `nproc`.
+
+La fonction principale `handle_host` se connecte à chaque hôte pour récupérer le nombre de threads disponibles. Les résultats sont cumulés puis enregistrés, permettant de connaître la capacité de calcul totale du réseau.
+
+Un mécanisme de threads permet de traiter plusieurs hôtes simultanément. Enfin, le script affiche le nombre moyen de cœurs par machine et le total de processeurs disponibles pour une vue d'ensemble.
+
+Dans sa version initiale, le script ne gérait pas le multithreading et était donc moins efficace. La version actuelle parallélise la collecte d'informations, améliorant nettement les performances.
+
+#### Réduction du temps de calcul par symétrie
+
+Une piste d'amélioration aurait été d'exploiter la symétrie de la force gravitationnelle (la force de A sur B est l'opposée de celle de B sur A) afin de réduire les calculs via une implémentation en anneau. Faute de temps, cette optimisation n'a pas été réalisée.
+
+#### Tolérance aux pannes
+
+Grâce à l'implémentation C++ d'OpenMPI, il était possible de définir une gestion des erreurs avec `MPI_Comm_set_errhandler` pour lever une `MPI::Exception` en cas de défaillance. Cela aurait permis d'identifier un nœud inactif, de l'exclure puis de relancer l'étape précédente. Cette solution n'a pas été mise en œuvre par manque de temps.
+
diff --git a/src/content/projects/NBodySimulation.md b/src/content/projects/NBodySimulation.md
index 668f7b6..2e22218 100644
--- a/src/content/projects/NBodySimulation.md
+++ b/src/content/projects/NBodySimulation.md
@@ -5,6 +5,7 @@ pubDate: "Jan 11 2024"
 updatedDate: "April 2 2024"
 heroImage: "/projects/nbody/nbody-hero.png"
 heroGif: "/projects/nbody/nbody-gif.gif"
+lang: "en"
 isVisible: true
 ---
 
diff --git a/src/content/projects/Steganography.fr.md b/src/content/projects/Steganography.fr.md
new file mode 100644
index 0000000..f79011e
--- /dev/null
+++ b/src/content/projects/Steganography.fr.md
@@ -0,0 +1,365 @@
+---
+title: "Stéganographie OCaml"
+description: "Programme OCaml pour la stéganographie"
+pubDate: "April 30 2024"
+updatedDate: "Sept 23 2024"
+heroImage: "/projects/steganography/steganography-hero.png"
+heroGif: ""
+lang: "fr"
+isVisible: true
+---
+
+## 1. Introduction
+
+Ce projet, réalisé pour le module Algorithmique et Complexité, consiste à implémenter un algorithme de stéganographie en OCaml avec chiffrement RSA.
+
+La stéganographie vise à dissimuler une information dans un média anodin. Ici, le message texte est caché dans une image `.ppm`. Cette méthode permet une communication discrète, le message étant indétectable sans connaître son existence.
+
+Le message inséré est chiffré avec RSA pour garantir sa sécurité. RSA repose sur un couple de clés : la clé privée, conservée par le destinataire pour déchiffrer, et la clé publique utilisée pour chiffrer. Ainsi, n'importe qui peut chiffrer un message, mais seul le détenteur de la clé privée peut le lire.
+
+## 2. Analyse initiale
+
+Une façon d'insérer discrètement le message est d'utiliser les bits de poids faible de chaque canal couleur de chaque pixel, ce qui permet d'encoder trois bits par pixel. Une image 100×100 contient ainsi 30 000 bits disponibles.
+
+![Figure 1.1](/projects/steganography/leastbit.png)
+
+_Figure 1.1 : modification du bit de poids faible de chaque pixel._
+
+Plutôt que de parcourir toute l'image et risquer d'ajouter du bruit après la fin du message, nous ajoutons un en-tête de 30 bits (10 pixels) indiquant la longueur du message. On obtient ainsi une complexité O(n) où _n_ est la taille du message.
+
+Le message chiffré est converti en bits avant d'être inséré pour s'adapter au format de l'image.
+
+## 3. Encodage dans l'image
+
+Une image PPM est un format simple non compressé composé d'un en-tête sur trois lignes :
+
+- type d'image binaire ou ASCII (ici `P6`),
+- largeur et hauteur,
+- valeur maximale de couleur (255).
+
+Vient ensuite la liste des valeurs RGB de chaque pixel. La longueur du message est convertie en chaîne binaire sur 30 bits et placée dans les dix premiers pixels.
+
+### 3.1 Construction du message complet
+
+Le message final regroupe l'en-tête et le message chiffré converti en binaire.
+
+### 3.2 Écriture dans l'image
+
+Chaque bit du message est inséré séquentiellement dans le bit de poids faible de chaque octet couleur. L'image est chargée en mémoire, modifiée, puis enregistrée sous `output.ppm`.
+
+### 3.3 Présentation du code
+
+```ocaml
+(* Fonction qui écrase le dernier bit d'un octet avec un bit donné *)
+let overwrite_last_bit byte message_bit =
+  match message_bit with
+  | '1' -> byte lor 1
+  | '0' -> byte land 0xFE
+  | _ -> failwith "Message bit must be '0' or '1'"
+```
+
+```ocaml
+(* Fonction d'insertion d'un message dans une image PPM *)
+let insert_message file_path message =
+  let ic = open_in_bin file_path in
+  let oc = open_out_bin "output.ppm" in
+  (* Lecture et réécriture de l'en-tête *)
+  let (width, height, max_val) = read_header ic in
+  Printf.fprintf oc "P6\n%d %d\n%s\n" width height max_val;
+  let image_size = width * height * 3 in
+  let buffer = Bytes.create image_size in
+  really_input ic buffer 0 image_size;
+  let binary_message = string_to_binary message in
+  let binary_length = int_to_fixed_length_binary 30 message_length in
+  let full_message = binary_length ^ binary_message in
+  let message_index = ref 0 in
+  for i = 0 to image_size - 1 do
+    if !message_index < String.length full_message then
+      let byte = Char.code (Bytes.get buffer i) in
+      let msg_bit = full_message.[!message_index] in
+      incr message_index;
+      Bytes.set buffer i (Char.chr (overwrite_last_bit byte msg_bit));
+  done;
+  output_bytes oc buffer;
+  close_in ic;
+  close_out oc
+```
+
+### 3.4 Complexité
+
+#### Complexité de `overwrite_last_bit`
+
+Cette fonction effectue une simple opération logique sur un octet :
+
+- **Temps :** O(1)
+- **Mémoire :** O(1)
+
+#### Complexité de la boucle de traitement
+
+La boucle parcourt chaque octet de l'image pour y insérer les bits du message.
+
+- **Temps :** O(n) avec _n_ le nombre d'octets de l'image (largeur × hauteur × 3).
+- **Mémoire :** O(1)
+
+## 4. Chiffrement RSA
+
+RSA est un système cryptographique asymétrique utilisant une clé publique pour chiffrer et une clé privée pour déchiffrer. Sa sécurité repose sur la difficulté de factoriser de grands nombres premiers.
+
+Nous nous sommes appuyés sur le dépôt GitHub [RSA-by-OCaml](https://github.com/MingLLuo/RSA-by-OCaml) comme base d'implémentation.
+
+### 4.1 Génération des clés
+
+1. **Choix des nombres premiers** _p_ et _q_.
+2. **Calcul de** $n = p \times q$.
+3. **Calcul de la fonction indicatrice** $\phi(n) = (p-1)(q-1)$.
+4. **Choix de l'exposant public** _e_ premier avec $\phi(n)$ (souvent 65537).
+5. **Calcul de l'exposant privé** _d_ tel que $d \times e \equiv 1 \pmod{\phi(n)}$.
+
+### 4.2 Clés
+
+- **Clé publique :** $(n, e)$
+- **Clé privée :** $(n, d)$
+
+### 4.3 Chiffrement et déchiffrement
+
+- **Chiffrement :** $c = m^e \bmod n$
+- **Déchiffrement :** $m = c^d \bmod n$
+
+### 4.4 Sécurité
+
+La sécurité de RSA tient à la difficulté de factoriser $n$ en ses facteurs premiers. Un choix judicieux de _p_, _q_ et _e_ est essentiel pour éviter les attaques.
+
+### 4.5 Présentation du code
+
+Le code lié à RSA se trouve dans l'annexe.
+
+```ocaml
+(* Génération de la clé privée *)
+let private_key_gen rc =
+  let p = prime_gen rc.p_len in
+  let q = prime_gen rc.q_len in
+  let phi = Z.mul (Z.sub p Z.one) (Z.sub q Z.one) in
+  let e = e_gen rc phi in
+  let d = d_gen e phi in
+  { n = Z.mul p q; p; q; e; d }
+```
+
+```ocaml
+(* Chiffrement d'un message avec la clé publique *)
+let plaintext_encrypt pt (pk : public_key) =
+  let c = Z.powm pt.message pk.e pk.n in
+  { c = c; types = pt.types }
+```
+
+### 4.6 Procédure de chiffrement/déchiffrement
+
+Le message est converti en entier, puis l'exponentiation modulaire est utilisée pour chiffrer et déchiffrer selon les formules ci-dessus.
+
+### 4.7 Utilitaires
+
+- **Test de coprimalité (`coprime`)**
+- **Sérialisation et écriture de fichiers**
+
+### 4.8 Complexité
+
+- **Génération des clés :** dépend du test de primalité de Miller‑Rabin.
+- **Chiffrement/Déchiffrement :** complexité logarithmique liée à la taille des clés.
+
+## 5. Résultats
+
+Exemple de sortie du programme :
+
+```text
+remybarranco@MacBook-Pro-de-Remy Projet-Algo % cat msg.txt
+OCaml is the best language%
+remybarranco@MacBook-Pro-de-Remy Projet-Algo % ./encode
+Encrypted message inserted into the image
+remybarranco@MacBook-Pro-de-Remy Projet-Algo % ./decode
+Message length: 1016 bits
+Decrypted Message:
+OCaml is the best language
+remybarranco@MacBook-Pro-de-Remy Projet-Algo %
+```
+
+**Benchmark pour 100 itérations :**
+
+| Taille des données                 | Opération | Temps (s) |
+| ---------------------------------- | --------- | --------- |
+| 10 caractères (512×512)            | Encodage  | 1.520     |
+|                                    | Décodage  | 0.020     |
+| 100 caractères (512×512)           | Encodage  | 1.360     |
+|                                    | Décodage  | 0.020     |
+| 10 caractères (5184×3456)          | Encodage  | 1.920     |
+|                                    | Décodage  | 0.020     |
+| 100 caractères (5184×3456)         | Encodage  | 1.820     |
+|                                    | Décodage  | 0.020     |
+
+_Tableau 1.1 : temps d'encodage et de décodage selon la taille des données_
+
+## 6. Conclusion
+
+Ce rapport présente la stéganographie combinée au chiffrement RSA pour cacher un message dans une image sans en modifier l'apparence. Les figures illustrant l'insertion se trouvent en annexe.
+
+Bien que la théorie RSA ait été vue en cours de cryptographie peu avant la date limite, la mettre en œuvre en OCaml s'est révélée instructif mais ardu à cause de la syntaxe du langage.
+
+## 7. Références
+
+- [RSA-by-OCaml](https://github.com/MingLLuo/RSA-by-OCaml)
+- [ChatGPT](https://chatgpt.com)
+
+---
+
+## Annexes
+
+### 7.1 Code RSA
+
+```ocaml
+(* Implémentation RSA (sources/rsa.caml) *)
+
+(* Définition des types de configuration et des clés *)
+type rsa_config = { p_len : int; q_len : int; e_len : int }
+(* ... *)
+
+(* Vérifie si deux nombres sont premiers entre eux *)
+let coprime a b = Z.gcd a b = Z.one
+
+(* Calcule φ(n) pour une liste de nombres premiers *)
+let rec prime_phi plist =
+  match plist with
+  | [] -> Z.one
+  | p :: plist' -> Z.mul (Z.sub p Z.one) (prime_phi plist')
+
+(* Exponentiation modulaire *)
+let mod_exp a b n = Z.powm a b n
+
+(* Inverse multiplicatif modulaire *)
+let mod_minv a n = Z.invert a n
+
+(* Génère un grand entier aléatoire *)
+let z_gen (len : int) =
+  let rec z_gen’ len acc =
+    if len = 0 then acc
+    else
+      z_gen’ (len - 1) (Z.add (Z.mul acc (Z.of_int 10)) (Z.of_int (Random.int 10)))
+  in
+  z_gen’ len Z.zero
+
+(* Test de primalité de Miller-Rabin *)
+let miller_rabin_test ?(trails = 50) n =
+  let rec get_factor_q num =
+    if Z.(mod) num (Z.of_int 2) = Z.zero then
+      get_factor_q (Z.div num (Z.of_int 2))
+    else
+      num
+  in
+  if Z.of_int 2 = n then true
+  else
+    let q = get_factor_q (Z.sub n Z.one) in
+    let rec miller_rabin_test’ trails =
+      if trails = 0 then true
+      else
+        let a =
+          Z.of_int64 (Random.int64 (Z.to_int64 (Z.min n (Z.of_int64 Int64.max_int))))
+        in
+        let rec miller_rabin_test’’ expp =
+          if Z.abs (Z.powm a expp n) = Z.one then miller_rabin_test’ (trails - 1)
+          else if expp = Z.sub n Z.one then false
+          else if Z.(mod) (Z.powm a expp n) n = Z.sub n Z.one then
+            miller_rabin_test’’ (Z.mul expp (Z.of_int 2))
+          else
+            false
+        in
+        miller_rabin_test’’ q
+    in
+    miller_rabin_test’ trails
+
+(* Génère un nombre premier d'une longueur donnée *)
+let prime_gen ?(trails = 50) len =
+  let rec prime_gen’ len =
+    let p = z_gen len in
+    if miller_rabin_test ~trails p then p else prime_gen’ len
+  in
+  prime_gen’ len
+
+(* Génère un nombre premier avec φ (pour l'exposant e) *)
+let e_gen rc phi =
+  let rec e_gen’ phi =
+    let e = z_gen rc.e_len in
+    if coprime e phi then e else e_gen’ phi
+  in
+  e_gen’ phi
+
+(* Génère l'exposant privé d via l'inverse modulaire *)
+let d_gen e phi = mod_minv e phi
+
+(* Génère une clé privée avec la configuration RSA *)
+let private_key_gen rc =
+  let p = prime_gen rc.p_len in
+  let q = prime_gen rc.q_len in
+  let phi = Z.mul (Z.sub p Z.one) (Z.sub q Z.one) in
+  let e = e_gen rc phi in
+  let d = d_gen e phi in
+  { n = Z.mul p q; p; q; e; d }
+
+(* Génère une clé publique à partir de la clé privée *)
+let public_key_gen pk = { n = pk.n; e = pk.e }
+
+(* Encode une chaîne en entier *)
+let plaintext_input_string s =
+  let rec encode acc chars =
+    match chars with
+    | [] -> acc
+    | h :: t -> encode (Z.add (Z.mul acc (Z.of_int 256)) (Z.of_int (Char.code h))) t
+  in
+  let encoded = encode Z.zero (List.of_seq (String.to_seq s)) in
+  { message = encoded; types = "String" }
+
+(* Chiffre un message avec la clé publique *)
+let plaintext_encrypt pt (pk : public_key) =
+  let c = Z.powm pt.message pk.e pk.n in
+  { c = c; types = pt.types }
+
+(* Écrit une chaîne dans un fichier *)
+let write_to_file ~filename ~content =
+  let channel = open_out filename in
+  output_string channel content;
+  close_out channel
+
+(* Sérialise une clé privée en chaîne *)
+let serialize_private_key pk =
+  Printf.sprintf "n=%s\np=%s\nq=%s\ne=%s\nd=%s"
+    (Z.to_string pk.n) (Z.to_string pk.p) (Z.to_string pk.q)
+    (Z.to_string pk.e) (Z.to_string pk.d)
+
+(* Sérialise un chiffrement en chaîne *)
+let serialize_ciphertext c =
+  Z.to_string c
+
+(* Génère et sauvegarde une clé privée dans un fichier *)
+let private_key_gen_and_save rc filename =
+  let p = prime_gen rc.p_len in
+  let q = prime_gen rc.q_len in
+  let phi = Z.mul (Z.sub p Z.one) (Z.sub q Z.one) in
+  let e = e_gen rc phi in
+  let d = d_gen e phi in
+  let pk = { n = Z.mul p q; p; q; e; d } in
+  let serialized_pk = serialize_private_key pk in
+  write_to_file ~filename ~content:serialized_pk;
+  pk
+
+(* Chiffre un message, le découpe en blocs et renvoie le texte chiffré concaténé *)
+let encrypt_and_return_message message rc =
+  let pk = private_key_gen_and_save rc "private_key.txt" in
+  let public_key = public_key_gen pk in
+  let block_size = (Z.numbits pk.n) / 8 - 1 in
+  let rec encode_blocks msg acc =
+    if msg = "" then List.rev acc
+    else
+      let block = String.sub msg 0 (min block_size (String.length msg)) in
+      let remaining = String.sub msg (min block_size (String.length msg)) (String.length msg - min block_size (String.length msg)) in
+      let encoded = plaintext_input_string block in
+      let encrypted = plaintext_encrypt encoded public_key in
+      encode_blocks remaining (serialize_ciphertext encrypted.c :: acc)
+  in
+  String.concat " " (encode_blocks message [])
+```
diff --git a/src/content/projects/Steganography.md b/src/content/projects/Steganography.md
index a0c9f0e..08739f5 100644
--- a/src/content/projects/Steganography.md
+++ b/src/content/projects/Steganography.md
@@ -5,6 +5,7 @@ pubDate: "April 30 2024"
 updatedDate: "Sept 23 2024"
 heroImage: "/projects/steganography/steganography-hero.png"
 heroGif: ""
+lang: "en"
 isVisible: true
 ---
 
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index d11572f..1b635d7 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -4,7 +4,30 @@ export const ui = {
         "site.description": "Welcome to my website!",
         "nav.home": "Home",
         "nav.about": "About",
+        "nav.blog": "Blog",
+        "nav.projects": "Projects",
         "nav.twitter": "Twitter",
+        "footer.text": "© {0} Rémy Barranco. All rights reserved.",
+        "reading.minRead": "{0} min read",
+        "post.lastUpdated": "Last updated on",
+        "home.hello": "Hello !",
+        "home.intro": "Hello, everyone! Welcome to my blog. I'm Remy, and I'm thrilled to have you here. In this short presentation, I'd like to introduce myself and share a bit about who I am and what I'm passionate about.",
+        "home.who.title": "Who am I ?",
+        "home.who.text": "I am {0} years old. Born in Dijon (France) where I'm currently pursuing a Master's degree in Computer Science. Additionally, I am working as an intern in a company related to my Master's degree.",
+        "home.why.title": "Why this blog ?",
+        "home.why.text": "I want to enhance my ability to write and share articles about topics I find personally intriguing and that I believe are worth sharing.",
+        "home.share.title": "What I would like to share ?",
+        "home.share.text": "I'd like to mention my homelab, which I plan to discuss in an upcoming blog post, along with some projects that I'll delve into at a later time.",
+        "about.academic.title": "My Academic Journey",
+        "about.academic.text": "After completing my baccalauréat, I embarked on a journey of academic growth and specialization in the field of computer science and information technology.",
+        "about.bts.title": "BTS Systèmes Numériques",
+        "about.bts.text": "I pursued a <em>BTS Systèmes Numériques</em>, a two-year program that provided me with a strong foundation in digital technologies, including electronics, computer science, and telecommunications.",
+        "about.lp.title": "Licence Profession Métier de l'Informatique Application Web",
+        "about.lp.text": "Building on my BTS, I enrolled in a Bachelor's degree program with a professional focus on web application development. This program equipped me with the skills and knowledge necessary for web development, including languages, frameworks, and best practices.",
+        "about.master.title": "Master Informatique",
+        "about.master.text": "I am currently pursuing a Master's degree in computer science. This advanced program will further refine my expertise in the field and prepare me for a rewarding career in computer science, encompassing areas such as software development, data analysis, and artificial intelligence.",
+        "about.server.title": "Server Information",
+        "about.server.text": "This website is hosted on <a href=\"https://pulseheberg.com\">pulseheberg</a>, and the last successful update date was at {0}.",
         "home.welcome": "Welcome to my website",
         "about.title": "About me",
         "about.description": "I'm a web developer and I love Astro!",
@@ -39,6 +62,8 @@ export const ui = {
         "site.description": "Bienvenue sur mon site web !",
         "nav.home": "Accueil",
         "nav.about": "À propos",
+        "nav.blog": "Blog",
+        "nav.projects": "Projets",
         "home.welcome": "Bienvenue sur mon site web",
         "about.title": "À propos de moi",
         "about.description": "Je suis un développeur web et j'adore Astro !",
@@ -62,6 +87,27 @@ export const ui = {
         "home.p3.6": "Personnalisez la mise en page générale du site dans",
         "home.p3.7":
             "Personnalisez la mise en page de la page des articles de blog dans",
+        "footer.text": "© {0} Rémy Barranco. Tous droits réservés.",
+        "reading.minRead": "{0} min de lecture",
+        "post.lastUpdated": "Dernière mise à jour le",
+        "home.hello": "Bonjour !",
+        "home.intro": "Bonjour à tous ! Bienvenue sur mon blog. Je suis Rémy et je suis ravi de vous accueillir. Dans cette courte présentation, je souhaite me présenter et partager ce qui me passionne.",
+        "home.who.title": "Qui suis-je ?",
+        "home.who.text": "J'ai {0} ans. Né à Dijon (France) où je poursuis actuellement un master en informatique. Je travaille également en alternance dans une entreprise liée à mes études.",
+        "home.why.title": "Pourquoi ce blog ?",
+        "home.why.text": "Je souhaite améliorer ma capacité à écrire et partager des articles sur des sujets qui m'intéressent et qui valent la peine d'être partagés.",
+        "home.share.title": "Que vais-je partager ?",
+        "home.share.text": "Je parlerai notamment de mon homelab dans un prochain article ainsi que de projets que je détaillerai plus tard.",
+        "about.academic.title": "Mon parcours académique",
+        "about.academic.text": "Après mon baccalauréat, j'ai entrepris un parcours de spécialisation en informatique et technologies de l'information.",
+        "about.bts.title": "BTS Systèmes Numériques",
+        "about.bts.text": "J'ai suivi un <em>BTS Systèmes Numériques</em>, une formation de deux ans offrant une base solide en technologies numériques, électronique et informatique.",
+        "about.lp.title": "Licence Profession Métiers de l'Informatique Application Web",
+        "about.lp.text": "Suite à mon BTS, j'ai intégré une licence professionnelle orientée développement web, m'apportant compétences et bonnes pratiques.",
+        "about.master.title": "Master Informatique",
+        "about.master.text": "Je poursuis actuellement un master en informatique afin d'approfondir mon expertise dans des domaines comme le développement logiciel ou l'intelligence artificielle.",
+        "about.server.title": "Informations serveur",
+        "about.server.text": "Ce site est hébergé sur <a href=\"https://pulseheberg.com\">pulseheberg</a> et la dernière mise à jour réussie date du {0}.",
     },
     es: {
         "site.title": "Astro Blog",
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
index 5ab903c..7540707 100644
--- a/src/layouts/Post.astro
+++ b/src/layouts/Post.astro
@@ -6,15 +6,24 @@ import Footer from "../components/Footer.astro";
 import FormattedDate from "../components/FormattedDate.astro";
 import HeroImage from "../components/HeroImage.astro";
 import { ClientRouter } from "astro:transitions";
+import { useTranslations } from "../i18n/utils";
 
 type entry = "blog" | "projects";
-type Props = CollectionEntry<entry>["data"];
+type Props = CollectionEntry<entry>["data"] & { lang: string };
 
-const { title, description, pubDate, updatedDate, heroImage, heroGif }: Props =
-    Astro.props;
+const {
+    title,
+    description,
+    pubDate,
+    updatedDate,
+    heroImage,
+    heroGif,
+    lang,
+}: Props = Astro.props;
+const t = useTranslations(lang);
 ---
 
-<html lang="en">
+<html lang={lang}>
     <head>
         <ClientRouter />
         <BaseHead
@@ -55,19 +64,22 @@ const { title, description, pubDate, updatedDate, heroImage, heroGif }: Props =
         </style>
     </head>
     <body>
-        <Header />
+        <Header lang={lang} />
         <main>
             <article>
                 <HeroImage heroImage={heroImage} heroGif={heroGif} />
                 <div class="prose" transition:animate="fade">
                     <div class="title">
                         <div class="date">
-                            <FormattedDate date={pubDate} />
+                            <FormattedDate date={pubDate} lang={lang} />
                             {
                                 updatedDate && (
                                     <div class="last-updated-on">
-                                        Last updated on{" "}
-                                        <FormattedDate date={updatedDate} />
+                                        {t("post.lastUpdated")}{" "}
+                                        <FormattedDate
+                                            date={updatedDate}
+                                            lang={lang}
+                                        />
                                     </div>
                                 )
                             }
@@ -79,6 +91,6 @@ const { title, description, pubDate, updatedDate, heroImage, heroGif }: Props =
                 </div>
             </article>
         </main>
-        <Footer />
+        <Footer lang={lang} />
     </body>
 </html>
diff --git a/src/pages/[lang]/about.astro b/src/pages/[lang]/about.astro
new file mode 100644
index 0000000..cd65ae5
--- /dev/null
+++ b/src/pages/[lang]/about.astro
@@ -0,0 +1,43 @@
+---
+import Layout from "../../layouts/Post.astro";
+import { useTranslations } from "../../i18n/utils";
+
+const lang = Astro.params.lang;
+const t = useTranslations(lang);
+
+export function getStaticPaths() {
+    return [{ params: { lang: "en" } }, { params: { lang: "fr" } }];
+}
+
+const originalDate: Date = new Date(import.meta.env.BUILD_DATE);
+const formattedDate: string = originalDate.toLocaleString("fr-FR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+});
+---
+
+<Layout
+    lang={lang}
+    title={t("about.title")}
+    description={t("about.description")}
+    pubDate={new Date("September 25 2023")}
+    heroImage=""
+>
+    <h4>{t("about.academic.title")}</h4>
+    <p>{t("about.academic.text")}</p>
+
+    <h5>{t("about.bts.title")}</h5>
+    <p>{t("about.bts.text")}</p>
+
+    <h5>{t("about.lp.title")}</h5>
+    <p>{t("about.lp.text")}</p>
+
+    <h5>{t("about.master.title")}</h5>
+    <p>{t("about.master.text")}</p>
+
+    <h4>{t("about.server.title")}</h4>
+    <p>{t("about.server.text", formattedDate)}</p>
+</Layout>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/[lang]/blog/[...slug].astro
similarity index 70%
rename from src/pages/blog/[...slug].astro
rename to src/pages/[lang]/blog/[...slug].astro
index 0f41b5c..da08191 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/[lang]/blog/[...slug].astro
@@ -1,11 +1,11 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
-import Post from "../../layouts/Post.astro";
+import Post from "../../../layouts/Post.astro";
 
 export async function getStaticPaths() {
     const posts = await getCollection("blog");
     return posts.map((post) => ({
-        params: { slug: post.slug },
+        params: { lang: post.data.lang, slug: post.slug },
         props: post,
     }));
 }
@@ -15,6 +15,6 @@ const post = Astro.props;
 const { Content } = await post.render();
 ---
 
-<Post {...post.data}>
+<Post {...post.data} lang={post.data.lang}>
     <Content />
 </Post>
diff --git a/src/pages/blog/index.astro b/src/pages/[lang]/blog/index.astro
similarity index 73%
rename from src/pages/blog/index.astro
rename to src/pages/[lang]/blog/index.astro
index edf7b24..9a7bfa4 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/[lang]/blog/index.astro
@@ -1,24 +1,31 @@
 ---
-import BaseHead from "../../components/BaseHead.astro";
-import Header from "../../components/Header.astro";
-import Footer from "../../components/Footer.astro";
-import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import BaseHead from "../../../components/BaseHead.astro";
+import Header from "../../../components/Header.astro";
+import Footer from "../../../components/Footer.astro";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../../consts";
 import { getCollection } from "astro:content";
-import FormattedDate from "../../components/FormattedDate.astro";
-import ReadingTime from "../../components/ReadingTime.astro";
+import FormattedDate from "../../../components/FormattedDate.astro";
+import ReadingTime from "../../../components/ReadingTime.astro";
 import { ClientRouter } from "astro:transitions";
 import { Image } from "astro:assets";
+import { useTranslations } from "../../../i18n/utils";
 
+export function getStaticPaths() {
+    return [{ params: { lang: "en" } }, { params: { lang: "fr" } }];
+}
+
+const lang = Astro.params.lang;
+const t = useTranslations(lang);
 const posts = (await getCollection("blog"))
-    .filter(post => post.data.isVisible)
+    .filter((post) => post.data.isVisible && post.data.lang === lang)
     .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang={lang}>
     <head>
         <ClientRouter />
-        <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+        <BaseHead title={t("site.title")} description={t("site.description")} />
         <style>
             main {
                 width: 960px;
@@ -91,14 +98,14 @@ const posts = (await getCollection("blog"))
         </style>
     </head>
     <body>
-        <Header />
+        <Header lang={lang} />
         <main>
             <section>
                 <ul>
                     {
                         posts.map((post) => (
                             <li>
-                                <a href={`/blog/${post.slug}/`}>
+                                <a href={`/${lang}/blog/${post.slug}/`}>
                                     <Image
                                         width={720}
                                         height={360}
@@ -110,8 +117,13 @@ const posts = (await getCollection("blog"))
                                     <p class="date">
                                         <FormattedDate
                                             date={post.data.pubDate}
+                                            lang={lang}
                                         />{" "}
-                                        - <ReadingTime body={post.body} />
+                                        -{" "}
+                                        <ReadingTime
+                                            lang={lang}
+                                            body={post.body}
+                                        />
                                     </p>
                                 </a>
                             </li>
@@ -120,6 +132,6 @@ const posts = (await getCollection("blog"))
                 </ul>
             </section>
         </main>
-        <Footer />
+        <Footer lang={lang} />
     </body>
 </html>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
new file mode 100644
index 0000000..bc5d81d
--- /dev/null
+++ b/src/pages/[lang]/index.astro
@@ -0,0 +1,43 @@
+---
+import BaseHead from "../../components/BaseHead.astro";
+import Header from "../../components/Header.astro";
+import Footer from "../../components/Footer.astro";
+import { ClientRouter } from "astro:transitions";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import { useTranslations } from "../../i18n/utils";
+const age = () => {
+    const birthdate = new Date("2001-03-25");
+    return Math.floor(
+        (new Date() - birthdate) / (365.25 * 24 * 60 * 60 * 1000),
+    );
+};
+
+const lang = Astro.params.lang;
+const t = useTranslations(lang);
+
+export function getStaticPaths() {
+    return [{ params: { lang: "en" } }, { params: { lang: "fr" } }];
+}
+---
+
+<!doctype html>
+<html lang={lang}>
+    <head>
+        <ClientRouter />
+        <BaseHead title={t("site.title")} description={t("site.description")} />
+    </head>
+    <body>
+        <Header lang={lang} title={t("site.title")} />
+        <main>
+            <h2>👨‍💻 {t("home.hello")}</h2>
+            <p>{t("home.intro")}</p>
+            <h3>{t("home.who.title")}</h3>
+            <p>{t("home.who.text", age)}</p>
+            <h3>{t("home.why.title")}</h3>
+            <p>{t("home.why.text")}</p>
+            <h3>{t("home.share.title")}</h3>
+            <p>{t("home.share.text")}</p>
+        </main>
+        <Footer />
+    </body>
+</html>
diff --git a/src/pages/projects/[...slug].astro b/src/pages/[lang]/projects/[...slug].astro
similarity index 70%
rename from src/pages/projects/[...slug].astro
rename to src/pages/[lang]/projects/[...slug].astro
index 2f4fd69..c764ed7 100644
--- a/src/pages/projects/[...slug].astro
+++ b/src/pages/[lang]/projects/[...slug].astro
@@ -1,10 +1,10 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
-import Post from "../../layouts/Post.astro";
+import Post from "../../../layouts/Post.astro";
 export async function getStaticPaths() {
     const posts = await getCollection("projects");
     return posts.map((post) => ({
-        params: { slug: post.slug },
+        params: { lang: post.data.lang, slug: post.slug },
         props: post,
     }));
 }
@@ -14,6 +14,6 @@ const post = Astro.props;
 const { Content } = await post.render();
 ---
 
-<Post {...post.data}>
+<Post {...post.data} lang={post.data.lang}>
     <Content />
 </Post>
diff --git a/src/pages/projects/index.astro b/src/pages/[lang]/projects/index.astro
similarity index 73%
rename from src/pages/projects/index.astro
rename to src/pages/[lang]/projects/index.astro
index 08185b3..a270f69 100644
--- a/src/pages/projects/index.astro
+++ b/src/pages/[lang]/projects/index.astro
@@ -1,24 +1,31 @@
 ---
-import BaseHead from "../../components/BaseHead.astro";
-import Header from "../../components/Header.astro";
-import Footer from "../../components/Footer.astro";
-import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import BaseHead from "../../../components/BaseHead.astro";
+import Header from "../../../components/Header.astro";
+import Footer from "../../../components/Footer.astro";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../../consts";
 import { getCollection } from "astro:content";
-import FormattedDate from "../../components/FormattedDate.astro";
-import ReadingTime from "../../components/ReadingTime.astro";
+import FormattedDate from "../../../components/FormattedDate.astro";
+import ReadingTime from "../../../components/ReadingTime.astro";
 import { ClientRouter } from "astro:transitions";
 import { Image } from "astro:assets";
+import { useTranslations } from "../../../i18n/utils";
 
+export function getStaticPaths() {
+    return [{ params: { lang: "en" } }, { params: { lang: "fr" } }];
+}
+
+const lang = Astro.params.lang;
+const t = useTranslations(lang);
 const posts = (await getCollection("projects"))
-    .filter(post => post.data.isVisible)
+    .filter((post) => post.data.isVisible && post.data.lang === lang)
     .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang={lang}>
     <head>
         <ClientRouter />
-        <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+        <BaseHead title={t("site.title")} description={t("site.description")} />
         <style>
             main {
                 width: 1020px;
@@ -90,14 +97,14 @@ const posts = (await getCollection("projects"))
         </style>
     </head>
     <body>
-        <Header />
+        <Header lang={lang} />
         <main>
             <section>
                 <ul>
                     {
                         posts.map((post) => (
                             <li>
-                                <a href={`/projects/${post.slug}/`}>
+                                <a href={`/${lang}/projects/${post.slug}/`}>
                                     <Image
                                         width={720}
                                         height={360}
@@ -109,8 +116,13 @@ const posts = (await getCollection("projects"))
                                     <p class="date">
                                         <FormattedDate
                                             date={post.data.pubDate}
+                                            lang={lang}
                                         />{" "}
-                                        - <ReadingTime body={post.body} />
+                                        -{" "}
+                                        <ReadingTime
+                                            lang={lang}
+                                            body={post.body}
+                                        />
                                     </p>
                                 </a>
                             </li>
@@ -119,6 +131,6 @@ const posts = (await getCollection("projects"))
                 </ul>
             </section>
         </main>
-        <Footer />
+        <Footer lang={lang} />
     </body>
 </html>
diff --git a/src/pages/about.astro b/src/pages/about.astro
deleted file mode 100644
index 2964806..0000000
--- a/src/pages/about.astro
+++ /dev/null
@@ -1,58 +0,0 @@
----
-import Layout from "../layouts/Post.astro";
-
-const originalDate: Date = new Date(import.meta.env.BUILD_DATE);
-const formattedDate: string = originalDate.toLocaleString("fr-FR", {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-});
----
-
-<Layout
-    title="About Me"
-    description="More information about me."
-    pubDate={new Date("September 25 2023")}
-    heroImage=""
->
-    <h4>My Academic Journey</h4>
-    <p>
-        After completing my baccalauréat, I embarked on a journey of academic
-        growth and specialization in the field of computer science and
-        information technology.
-    </p>
-
-    <h5>BTS Systèmes Numériques</h5>
-    <p>
-        I pursued a <em>BTS Systèmes Numériques</em>, a two-year program that
-        provided me with a strong foundation in digital technologies, including
-        electronics, computer science, and telecommunications.
-    </p>
-
-    <h5>Licence Profession Métier de l'Informatique Application Web</h5>
-    <p>
-        Building on my BTS, I enrolled in a Bachelor's degree program with a
-        professional focus on web application development. This program equipped
-        me with the skills and knowledge necessary for web development,
-        including languages, frameworks, and best practices.
-    </p>
-
-    <h5>Master Informatique</h5>
-    <p>
-        I am currently pursuing a Master's degree in computer science. This
-        advanced program will further refine my expertise in the field and
-        prepare me for a rewarding career in computer science, encompassing
-        areas such as software development, data analysis, and artificial
-        intelligence.
-    </p>
-
-    <h4>Server Information</h4>
-
-    <p>
-        This website is hosted on <a href="https://pulseheberg.com"
-            >pulseheberg</a
-        >, and the last successful update date was at {formattedDate}.
-    </p>
-</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
deleted file mode 100644
index eb676d7..0000000
--- a/src/pages/index.astro
+++ /dev/null
@@ -1,52 +0,0 @@
----
-import BaseHead from "../components/BaseHead.astro";
-import Header from "../components/Header.astro";
-import Footer from "../components/Footer.astro";
-import { ClientRouter } from "astro:transitions";
-import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
-const age = () => {
-    const birthdate = new Date("2001-03-25");
-    return Math.floor(
-        (new Date() - birthdate) / (365.25 * 24 * 60 * 60 * 1000),
-    );
-};
----
-
-<!doctype html>
-<html lang="en">
-    <head>
-        <ClientRouter />
-        <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
-    </head>
-    <body>
-        <Header title={SITE_TITLE} />
-        <main>
-            <h2>👨🏻‍💻 Hello !</h2>
-            <p>
-                Hello, everyone! Welcome to my blog. I'm Remy, and I'm thrilled
-                to have you here. In this short presentation, I'd like to
-                introduce myself and share a bit about who I am and what I'm
-                passionate about.
-            </p>
-            <h3>Who am I ?</h3>
-            <p>
-                I am {age} years old. Born in Dijon (France) where I'm currently
-                pursuing a Master's degree in Computer Science. Additionally, I am
-                working as an intern in a company related to my Master's degree.
-            </p>
-            <h3>Why this blog ?</h3>
-            <p>
-                I want to enhance my ability to write and share articles about
-                topics I find personally intriguing and that I believe are worth
-                sharing.
-            </p>
-            <h3>What I would like to share ?</h3>
-            <p>
-                I'd like to mention my homelab, which I plan to discuss in an
-                upcoming blog post, along with some projects that I'll delve
-                into at a later time.
-            </p>
-        </main>
-        <Footer />
-    </body>
-</html>
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
index a2850af..8f2a224 100644
--- a/src/pages/rss.xml.js
+++ b/src/pages/rss.xml.js
@@ -1,16 +1,19 @@
 import rss from "@astrojs/rss";
 import { getCollection } from "astro:content";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
+import { DEFAULT_LANG } from "../i18n/utils";
 
 export async function GET(context) {
-    const posts = await getCollection("blog");
+    const posts = (await getCollection("blog")).filter(
+        (p) => p.data.lang === DEFAULT_LANG,
+    );
     return rss({
         title: SITE_TITLE,
         description: SITE_DESCRIPTION,
         site: context.site,
         items: posts.map((post) => ({
             ...post.data,
-            link: `/blog/${post.slug}/`,
+            link: `/${DEFAULT_LANG}/blog/${post.slug}/`,
         })),
     });
 }