From 2c748c5217c5f8c733473c0bd03cac504393df50 Mon Sep 17 00:00:00 2001
From: Hugo LAMY <hugo.lamy@oskey.io>
Date: Tue, 17 Mar 2026 18:57:43 +0100
Subject: [PATCH] wip fill cv

---
 src/modules/cv.html | 461 ++++++++++++++++----------------------------
 1 file changed, 165 insertions(+), 296 deletions(-)

diff --git a/src/modules/cv.html b/src/modules/cv.html
index c5fa084..b1693c1 100644
--- a/src/modules/cv.html
+++ b/src/modules/cv.html
@@ -30,7 +30,7 @@
         margin-top: 100px;
       }
 
-      ul {
+      .dashed {
         border: 1px dashed black;
         padding: 20px;
         padding-left: 40px;
@@ -122,259 +122,186 @@
       CV CONTENT
     -->
 
-    <h2>
-      <span class="fr">EXPÉRIENCES</span>
-      <span class="en">WORK EXPERIENCES</span>
-    </h2>
-    <div
-      class="banner banner_size_0 banner_pause"
-      aria-label="banner delimitation in ASCII art"
-    ></div>
-
-    <h4>
-      <span class="fr">web full-stack</span>
-      <span class="en">web full-stack</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr"
-          >BLOC-HOUSE: reprise du site d'une association d'artistes (fullstack,
-          php, javascript, html, css), 2023</span
-        >
-        <span class="en"
-          >BLOC-HOUSE: takeover of an artists' association website (fullstack,
-          php, javascript, html, css), 2023</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >TRANSCENDENCE: chat en ligne avec gestions des comptes et
-          notifications (fullstack, node.js, nest.js, websocket, svelte,
-          PostgreSQL)</span
-        >
-        <span class="en"
-          >TRANSCENDENCE: online chat with account management and notifications
-          (fullstack, node.js, nest.js, websocket, svelte, PostgreSQL)</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >FIPF: plugin qui gère les paiements, les roles, corrige les autres
-          plugins et des actions front-end (fullstack, js, php, bdd), 2024</span
-        >
-        <span class="en"
-          >FIPF: plugin that manages payments, roles, corrects other plugins and
-          front-end actions (fullstack, js, php, bdd), 2024</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >JIPF: utilise les API GoogleMaps pour afficher des données dynamiques
-          sur une carte avec des filtres, 2022</span
-        >
-        <span class="en"
-          >JIPF: uses GoogleMaps APIs to display dynamic data on a map, with
-          interactive filters</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >KOSMOPOLIT: front-end, integration d'un site statique pour une
-          association de litterature, (html, css atomique), 2022</span
-        >
-        <span class="en"
-          >KOSMOPOLIT: front-end, integration of a static site for a literature
-          association, (html, atomic css), 2022</span
-        >
-      </li>
-    </ul>
-
-    <h4>
-      <span class="fr">devops</span>
-      <span class="en">devops</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr"
-          >WEBSERV: création d'un serveur web non-bloquant en multiplexage,
-          capable de gérer des requetes http et envoyer du contenu (c++, linux
-          sockets)</span
-        >
-        <span class="en"
-          >WEBSERV: creation of a non-blocking multiplexing web server capable
-          of managing http requests and sending content (c++, linux
-          sockets)</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >MINITALK: utiliser les signaux système de linux pour creer une
-          communication en code ascii entre deux processus</span
-        >
-        <span class="en"
-          >MINITALK: using linux system signals to create ascii code
-          communication between two processes</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >INCEPTION: création de zéro d'ima-ges docker pour deployer wordpress
-          avec encription SSL (docker compose, mariaDB, NGINX, Wordpress)</span
-        >
-        <span class="en"
-          >INCEPTION: creating docker images from scratch to deploy wordpress
-          with SSL encription (docker compose, mariaDB, NGINX, Wordpress)</span
-        >
-      </li>
-    </ul>
-
-    <h4>
-      <span class="fr">game</span>
-      <span class="en">game</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr"
-          >CUBE 3D: jeu à la premiere personne utilisant le raycasting pour la
-          3d et les textures, et le clavier pour bouger (c, trigonométrie,
-          inputs)</span
-        >
-        <span class="en"
-          >CUBE 3D: first-person game using raycasting for 3d and textures, and
-          the keyboard for movement (c, trigonometry, inputs)</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >FDF: modélisation spatiale de formes en courbes de niveau à partir de
-          cartes (c, trigonometrie, inputs)</span
-        >
-        <span class="en"
-          >FDF: spatial modelling of contour lines from maps with keyboard
-          control (c, trigonometrie, inputs)</span
-        >
-      </li>
-    </ul>
-
-    <h4>
-      <span class="fr">system</span>
-      <span class="en">system</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr"
-          >MINISHELL: créer un shell capable de parser des prompts, exécuter des
-          programmes, et réagir aux signaux (c, bash, signals, fork, pipe,
-          readline)</span
-        >
-        <span class="en"
-          >MINISHELL: creating a shell capable of parsing prompts, executing
-          programs, and listening to signals (c, bash, signals, fork, pipe,
-          readline)</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >CONTAINERS: recoder 3 conteneurs c++ avec les iterateurs, surcharges,
-          et templates : map, vector, stack</span
-        >
-        <span class="en"
-          >CONTAINERS: recoding c++ containers with iterators, overloads and
-          templates : map, vector, stack</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >PUSHSWAP: algorithmes de tris avec deux piles et des mouvements
-          limités aux extrémités des piles (c)</span
-        >
-        <span class="en"
-          >PUSHSWAP: sorting algorithms with two stacks and limited movement at
-          the ends of the stacks (c)</span
-        >
-      </li>
-    </ul>
-
-    <h2>
+    <h2 class="dashed">
       <span class="fr">COMPÉTENCES</span>
       <span class="en">SKILLS</span>
     </h2>
-    <div
-      class="banner banner_size_0 banner_pause"
-      aria-label="banner delimitation in ASCII art"
-    ></div>
 
-    <h4>
-      <span class="fr">hard skills</span>
-      <span class="en">hard skills</span>
-    </h4>
-    <ul>
+    <ul class="dashed">
       <li>
-        <span class="fr"
-          >Langages : C, C++, bash, JavaScript, PHP, CSS, HTML</span
-        >
-        <span class="en"
-          >Languages : C, C++, bash, JavaScript, PHP, CSS, HTML</span
-        >
+        <span class="fr en">
+          <b>Langages :</b> C, C++, TypeScript, JavaScript, PHP, bash, CSS, HTML
+        </span>
       </li>
       <li>
-        <span class="fr"
-          >Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx,
-          MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react</span
-        >
-        <span class="en"
-          >Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx,
-          MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react</span
-        >
+        <span class="fr en">
+          <b>Backend / Cloud :</b> Node.js, NestJS, Firebase Cloud Functions,
+          MongoDB, MySQL
+        </span>
       </li>
       <li>
-        <span class="fr"
-          >Plus : emails, sending emails, receiving emails, deleting emails (the
-          it crowd S01E01)</span
-        >
-        <span class="en"
-          >Plus : emails, sending emails, receiving emails, deleting emails (the
-          it crowd S01E01)</span
-        >
-      </li>
-    </ul>
-    <h4>
-      <span class="fr">soft skills</span>
-      <span class="en">soft skills</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr">capacité d'apprentissage et autonomie</span>
-        <span class="en">learning ability, and autonomy</span>
+        <span class="fr">
+          <b>Embarqué / IoT :</b> Linux, Zephyr RTOS, optimisation mémoire
+        </span>
+        <span class="en">
+          <b>Embedded / IoT :</b> Linux, Zephyr RTOS, memory optimization
+        </span>
       </li>
       <li>
-        <span class="fr">attention aux détails, patience</span>
-        <span class="en">attention to details, patience</span>
+        <span class="fr"> <b>Outils :</b> Git, Docker </span>
+        <span class="en"> <b>Tools :</b> Git, Docker </span>
       </li>
       <li>
-        <span class="fr">adaptabilité et resolution de problemes</span>
-        <span class="en">adaptability and problem-solving</span>
+        <span class="fr en">
+          <b>Web :</b> WordPress, Svelte.js, React.js, Next.js
+        </span>
       </li>
       <li>
-        <span class="fr">recevoir des feedbacks</span>
-        <span class="en">receiving feedback</span>
+        <span class="fr">
+          <b>Méthodes :</b> TDD, tests d'intégration, programmation
+          fonctionnelle
+        </span>
+        <span class="en">
+          <b>Practices :</b> TDD, integration testing, functional programming
+        </span>
+      </li>
+      <li>
+        <span class="fr">
+          <b>Langues :</b> Français (natif), Anglais (courant)
+        </span>
+        <span class="en">
+          <b>Languages :</b> French (native), English (fluent)
+        </span>
       </li>
     </ul>
 
-    <h2>
-      <span class="fr">FORMATIONS</span>
-      <span class="en">EDUCATIONS</span>
+    <h2 class="dashed">
+      <span class="fr">EXPÉRIENCE</span>
+      <span class="en">EXPERIENCE</span>
     </h2>
-    <div
-      class="banner banner_size_0 banner_pause"
-      aria-label="banner delimitation in ASCII art"
-    ></div>
 
-    <h4>
-      <span class="fr">informatique</span>
-      <span class="en">computer science</span>
-    </h4>
-    <ul>
+    <ul class="dashed">
+      <li>
+        <span class="fr">
+          Developpeur Backend & Embarqué - OSKEY (2024-présent) oskey.io/
+        </span>
+        <span class="en">
+          Backend & Embedded Developer - OSKEY (2024-Present) oskey.io/
+        </span>
+
+        <ul>
+          <li>
+            <span class="fr">
+              Développement d'endpoints backend Firebase Cloud Functions en
+              TypeScript / NestJS pour la communication avec des appareils IoT
+            </span>
+            <span class="en">
+              Design of Firebase Cloud Functions backend APIs in TypeScript /
+              NestJS for communication with IoT devices
+            </span>
+          </li>
+
+          <li>
+            <span class="fr">
+              Refactorisation du backend existant (typage TypeScript strict,
+              correction d'erreurs, amélioration de la maintenabilité)
+            </span>
+            <span class="en">
+              Refactored existing backend (strict TypeScript typing, bug fixes,
+              maintainability improvements)
+            </span>
+          </li>
+
+          <li>
+            <span class="fr">
+              Développement d'helpers backend centralisant les contrôles
+              d'accès, la gestion des erreurs et l'accès aux données en base
+            </span>
+            <span class="en">
+              Development of backend helpers that centralize access controls,
+              error handling, and access to documents in the database
+            </span>
+          </li>
+
+          <li>
+            <span class="fr">
+              Optimisation de la gestion mémoire d'un firmware IoT en C sous
+              Zephyr RTOS
+            </span>
+            <span class="en">
+              Optimized memory usage of an IoT firmware written in C (Zephyr
+              RTOS) running on microcontrollers
+            </span>
+          </li>
+
+          <li>
+            <span class="fr">
+              Mise en place de tests d'intégration backend et firmware
+            </span>
+            <span class="en">
+              Implemented backend and firmware integration tests
+            </span>
+          </li>
+        </ul>
+      </li>
+
+      <li>
+        <span class="fr">
+          Developpeur Fullstack - FIPF (2024) carteprof.org/
+        </span>
+        <span class="en">
+          Fullstack Developer - FIPF (2024) carteprof.org/
+        </span>
+        <ul>
+          <li>
+            <span class="fr">
+              Développement d'un plugin WordPress (PHP / MySQL) pour la gestion
+              des paiements
+            </span>
+            <span class="en">
+              Developed a WordPress plugin (PHP / MySQL) for payment management
+            </span>
+          </li>
+
+          <li>
+            <span class="fr"> Audit et correction de plugins tiers </span>
+            <span class="en"> Audited and fixed third-party plugins </span>
+          </li>
+
+          <li>
+            <span class="fr"> Automatisation des flux de paiement </span>
+            <span class="en"> Automated payment workflows </span>
+          </li>
+        </ul>
+      </li>
+
+      <li>
+        <span class="fr">
+          Developpeur Front-End - KOSMOPOLIT (2023) kosmopolit/
+        </span>
+        <span class="en">
+          Front-End Developer - KOSMOPOLIT (2023) kosmopolit/
+        </span>
+
+        <ul>
+          <li>
+            <span class="fr">
+              Développement d'un site static multilingue (JavaScript, HTML/CSS)
+            </span>
+            <span class="en">
+              Developed a multilingual static website (JavaScript, HTML/CSS)
+            </span>
+          </li>
+        </ul>
+      </li>
+    </ul>
+
+    <h2 class="dashed">
+      <span class="fr">FORMATION</span>
+      <span class="en">EDUCATION</span>
+    </h2>
+
+    <ul class="dashed">
       <li>
         <span class="fr"
           >École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++,
@@ -396,45 +323,13 @@
         >
       </li>
     </ul>
-    <h4>
-      <span class="fr">architecture</span>
-      <span class="en">architecture</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr"
-          >Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</span
-        >
-        <span class="en"
-          >Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</span
-        >
-      </li>
-      <li>
-        <span class="fr"
-          >3 stages : PERSPECTIVA (Houston, Texas, 2009, 3 mois), AS (Paris,
-          2012, 6 mois), JC QUINTON (Paris 2014, 6 mois)</span
-        >
-        <span class="en"
-          >3 internships : PERSPECTIVA (Houston, Texas, 2009, 3 months), AS
-          (Paris, 2012, 6 months), JC QUINTON (Paris 2014, 6 months)</span
-        >
-      </li>
-    </ul>
 
-    <h2>
-      <span class="fr">PERSONNEL</span>
-      <span class="en">PERSONAL</span>
+    <h2 class="dashed">
+      <span class="fr">PROJETS</span>
+      <span class="en">PROJECTS</span>
     </h2>
-    <div
-      class="banner banner_size_0 banner_pause"
-      aria-label="banner delimitation in ASCII art"
-    ></div>
 
-    <h4>
-      <span class="fr">engagement associatif</span>
-      <span class="en">volunteer work</span>
-    </h4>
-    <ul>
+    <ul class="dashed">
       <li>
         <span class="fr"
           >Vulgarisation et recherche contraception testiculaire, ZEROMILLIONS,
@@ -476,32 +371,6 @@
         >
       </li>
     </ul>
-    <h4>
-      <span class="fr">centre d'intérêts</span>
-      <span class="en">interests</span>
-    </h4>
-    <ul>
-      <li>
-        <span class="fr">vélo</span>
-        <span class="en">bicycle</span>
-      </li>
-      <li>
-        <span class="fr">magie</span>
-        <span class="en">magic tricks</span>
-      </li>
-      <li>
-        <span class="fr">noeuds</span>
-        <span class="en">knots</span>
-      </li>
-      <li>
-        <span class="fr">mathématiques et physiques</span>
-        <span class="en">mathematics and physics</span>
-      </li>
-      <li>
-        <span class="fr">politique</span>
-        <span class="en">politic</span>
-      </li>
-    </ul>
   </div>
 
   <div class="mouse"><div class="frames mouse_3 pre"></div></div>