diff --git a/docs/cvs/hugo_lamy_cv_2026_EN.pdf b/docs/cvs/hugo_lamy_cv_2026_EN.pdf new file mode 100644 index 0000000..efaff7c Binary files /dev/null and b/docs/cvs/hugo_lamy_cv_2026_EN.pdf differ diff --git a/docs/cvs/hugo_lamy_cv_2026_FR.pdf b/docs/cvs/hugo_lamy_cv_2026_FR.pdf new file mode 100644 index 0000000..3fcc7a8 Binary files /dev/null and b/docs/cvs/hugo_lamy_cv_2026_FR.pdf differ diff --git a/index.html b/index.html index 266c077..fe7422e 100644 --- a/index.html +++ b/index.html @@ -1,28 +1,47 @@ - + - - - - - - hugulumu.fr - - - - - - - - - - - - - - - + + + + + + hugulumu.fr + + + + + + + + + + + + + + + - - + + + - - - - - - + - - -
+
+
+

+ + +

+

+ +

+

+ méthodique, inventif, curieux + methodical, inventive, curious +

+
-
-

- - -

-

- -

-

- méthodique, inventif, curieux - methodical, inventive, curious -

-
+
+ télécharger en pdf + download as pdf -
- -

- voir le CV - see the CV -

-

- cacher le CV - hide the CV -

- +

+ Bonjour, je suis un développeur inventif, méthodique, et passionné + par l'informatique. J'ai envie d'explorer toutes les technologies, + et j'ai hâte de travailler avec vous :) + Hello, I'm an inventive, methodical developer with a passion for + IT. I'm keen to explore all kinds of technologies, and look forward + to working with you. :) +

- télécharger en pdf - download as pdf +

+ EXPÉRIENCES + WORK EXPERIENCES +

+ -

- Bonjour, je suis un développeur inventif, méthodique, et passionné par l'informatique. J'ai envie d'explorer toutes les technologies, et j'ai hâte de travailler avec vous :) - Hello, I'm an inventive, methodical developer with a passion for IT. I'm keen to explore all kinds of technologies, and look forward to working with you. :) -

+

+ web full-stack + web full-stack +

+
    +
  • + BLOC-HOUSE: reprise du site d'une association d'artistes + (fullstack, php, javascript, html, css), 2023 + BLOC-HOUSE: takeover of an artists' association website + (fullstack, php, javascript, html, css), 2023 +
    • +
  • + TRANSCENDENCE: chat en ligne avec gestions des comptes et + notifications (fullstack, node.js, nest.js, websocket, svelte, + PostgreSQL) + TRANSCENDENCE: online chat with account management and + notifications (fullstack, node.js, nest.js, websocket, svelte, + PostgreSQL) +
    • +
  • + FIPF: plugin qui gère les paiements, les roles, corrige les + autres plugins et des actions front-end (fullstack, js, php, bdd), + 2024 + FIPF: plugin that manages payments, roles, corrects other plugins + and front-end actions (fullstack, js, php, bdd), 2024 +
    • +
  • + JIPF: utilise les API GoogleMaps pour afficher des données + dynamiques sur une carte avec des filtres, 2022 + JIPF: uses GoogleMaps APIs to display dynamic data on a map, with + interactive filters +
    • +
  • + KOSMOPOLIT: front-end, integration d'un site statique pour une + association de litterature, (html, css atomique), 2022 + KOSMOPOLIT: front-end, integration of a static site for a + literature association, (html, atomic css), 2022 +
    • +
+

+ devops + devops +

+
    +
  • + 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) + WEBSERV: creation of a non-blocking multiplexing web server + capable of managing http requests and sending content (c++, linux + sockets) +
    • +
  • + MINITALK: utiliser les signaux système de linux pour creer une + communication en code ascii entre deux processus + MINITALK: using linux system signals to create ascii code + communication between two processes +
    • +
  • + INCEPTION: création de zéro d'ima-ges docker pour deployer + wordpress avec encription SSL (docker compose, mariaDB, NGINX, + Wordpress) + INCEPTION: creating docker images from scratch to deploy + wordpress with SSL encription (docker compose, mariaDB, NGINX, + Wordpress) +
    • +
-

- COMPÉTENCES - SKILLS -

- +

+ game + game +

+
    +
  • + CUBE 3D: jeu à la premiere personne utilisant le raycasting pour + la 3d et les textures, et le clavier pour bouger (c, + trigonométrie, inputs) + CUBE 3D: first-person game using raycasting for 3d and textures, + and the keyboard for movement (c, trigonometry, inputs) +
    • +
  • + FDF: modélisation spatiale de formes en courbes de niveau à + partir de cartes (c, trigonometrie, inputs) + FDF: spatial modelling of contour lines from maps with keyboard + control (c, trigonometrie, inputs) +
    • +
-

- hard skills - hard skills -

-
    -
  • - Langages : C, C++, bash, JavaScript, PHP, CSS, HTML - Languages : C, C++, bash, JavaScript, PHP, CSS, HTML -
    • -
  • - Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react - Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react -
    • -
  • - Plus : emails, sending emails, receiving emails, deleting emails (the it crowd S01E01) - Plus : emails, sending emails, receiving emails, deleting emails (the it crowd S01E01) -
    • -
-

- soft skills - soft skills -

-
    -
  • - capacité d'apprentissage et autonomie - learning ability, and autonomy -
    • -
  • - attention aux détails, patience - attention to details, patience -
    • -
  • - adaptabilité et resolution de problemes - adaptability and problem-solving -
    • -
  • - recevoir des feedbacks - receiving feedback -
    • -
+

+ system + system +

+
    +
  • + 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) + MINISHELL: creating a shell capable of parsing prompts, executing + programs, and listening to signals (c, bash, signals, fork, pipe, + readline) +
    • +
  • + CONTAINERS: recoder 3 conteneurs c++ avec les iterateurs, + surcharges, et templates : map, vector, stack + CONTAINERS: recoding c++ containers with iterators, overloads and + templates : map, vector, stack +
    • +
  • + PUSHSWAP: algorithmes de tris avec deux piles et des mouvements + limités aux extrémités des piles (c) + PUSHSWAP: sorting algorithms with two stacks and limited movement + at the ends of the stacks (c) +
    • +
+

+ COMPÉTENCES + SKILLS +

+ -

- EXPÉRIENCES - WORK EXPERIENCES -

- +

+ hard skills + hard skills +

+
    +
  • + Langages : C, C++, bash, JavaScript, PHP, CSS, HTML + Languages : C, C++, bash, JavaScript, PHP, CSS, HTML +
    • +
  • + Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, + MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react + Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, + MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react +
    • +
  • + Plus : emails, sending emails, receiving emails, deleting emails + (the it crowd S01E01) + Plus : emails, sending emails, receiving emails, deleting emails + (the it crowd S01E01) +
    • +
+

+ soft skills + soft skills +

+
    +
  • + capacité d'apprentissage et autonomie + learning ability, and autonomy +
    • +
  • + attention aux détails, patience + attention to details, patience +
    • +
  • + adaptabilité et resolution de problemes + adaptability and problem-solving +
    • +
  • + recevoir des feedbacks + receiving feedback +
    • +
-

- web full-stack - web full-stack -

-
    -
  • - BLOC-HOUSE: reprise du site d'une association d'artistes (fullstack, php, javascript, html, css), 2023 - BLOC-HOUSE: takeover of an artists' association website (fullstack, php, javascript, html, css), 2023 -
    • -
  • - TRANSCENDENCE: chat en ligne avec gestions des comptes et notifications (fullstack, node.js, nest.js, websocket, svelte, PostgreSQL) - TRANSCENDENCE: online chat with account management and notifications (fullstack, node.js, nest.js, websocket, svelte, PostgreSQL) -
    • -
  • - FIPF: plugin qui gère les paiements, les roles, corrige les autres plugins et des actions front-end (fullstack, js, php, bdd), 2024 - FIPF: plugin that manages payments, roles, corrects other plugins and front-end actions (fullstack, js, php, bdd), 2024 -
    • -
  • - JIPF: utilise les API GoogleMaps pour afficher des données dynamiques sur une carte avec des filtres, 2022 - JIPF: uses GoogleMaps APIs to display dynamic data on a map, with interactive filters -
    • -
  • - KOSMOPOLIT: front-end, integration d'un site statique pour une association de litterature, (html, css atomique), 2022 - KOSMOPOLIT: front-end, integration of a static site for a literature association, (html, atomic css), 2022 -
    • -
+

+ FORMATIONS + EDUCATIONS +

+ -

- devops - devops -

-
    -
  • - 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) - WEBSERV: creation of a non-blocking multiplexing web server capable of managing http requests and sending content (c++, linux sockets) -
    • -
  • - MINITALK: utiliser les signaux système de linux pour creer une communication en code ascii entre deux processus - MINITALK: using linux system signals to create ascii code communication between two processes -
    • -
  • - INCEPTION: création de zéro d'ima-ges docker pour deployer wordpress avec encription SSL (docker compose, mariaDB, NGINX, Wordpress) - INCEPTION: creating docker images from scratch to deploy wordpress with SSL encription (docker compose, mariaDB, NGINX, Wordpress) -
    • -
+

+ informatique + computer science +

+
    +
  • + École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, + système, algorithmie, réseaux) + 42 school, Paris, 2021-2022, common core - level 10 (C, C++, + system, algorithms, networks) +
    • +
  • + SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, + Node.js, React.js, HTML, CSS) + SIMPLON, developer full-stack JavaScript, 2018 (Javascript, + Node.js, React.js, HTML, CSS) +
    • +
+

+ architecture + architecture +

+
    +
  • + Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, + 2008-2014 + Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, + 2008-2014 +
    • +
  • + 3 stages : PERSPECTIVA (Houston, Texas, 2009, 3 mois), AS (Paris, + 2012, 6 mois), JC QUINTON (Paris 2014, 6 mois) + 3 internships : PERSPECTIVA (Houston, Texas, 2009, 3 months), AS + (Paris, 2012, 6 months), JC QUINTON (Paris 2014, 6 months) +
    • +
-

- game - game -

-
    -
  • - CUBE 3D: jeu à la premiere personne utilisant le raycasting pour la 3d et les textures, et le clavier pour bouger (c, trigonométrie, inputs) - CUBE 3D: first-person game using raycasting for 3d and textures, and the keyboard for movement (c, trigonometry, inputs) -
    • -
  • - FDF: modélisation spatiale de formes en courbes de niveau à partir de cartes (c, trigonometrie, inputs) - FDF: spatial modelling of contour lines from maps with keyboard control (c, trigonometrie, inputs) -
    • -
+

+ PERSONNEL + PERSONAL +

+ -

- system - system -

-
    -
  • - 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) - MINISHELL: creating a shell capable of parsing prompts, executing programs, and listening to signals (c, bash, signals, fork, pipe, readline) -
    • -
  • - CONTAINERS: recoder 3 conteneurs c++ avec les iterateurs, surcharges, et templates : map, vector, stack - CONTAINERS: recoding c++ containers with iterators, overloads and templates : map, vector, stack -
    • -
  • - PUSHSWAP: algorithmes de tris avec deux piles et des mouvements limités aux extrémités des piles (c) - PUSHSWAP: sorting algorithms with two stacks and limited movement at the ends of the stacks (c) -
    • -
+

+ engagement associatif + volunteer work +

+
    +
  • + Vulgarisation et recherche contraception testiculaire, + ZEROMILLIONS, Paris, France, 2021-2024 + Popularisation and research into testicular contraception, + ZEROMILLIONS, Paris, France, 2021-2024 +
    • +
  • + Aide au logement, travail, administratif, et projets de vie de + personnes précaires, 2018-2024 + Help with housing, work, administration and life projects for + people on the margins of society, 2018-2024 +
    • +
  • + Distribution de nourriture, MIGRANTS-WILSON & SECOURS POPULAIRE, + 2020-2022 + Food distribution, MIGRANTS-WILSON & SECOURS POPULAIRE, + 2020-2022 +
    • +
  • + Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, + Grande-Synthe, France, 2016 + Co-management of volunteers in a refugee camp, UTOPIA 56, + Grande-Synthe, France, 2016 +
    • +
+

+ centre d'intérêts + interests +

+
    +
  • + vélo + bicycle +
    • +
  • + magie + magic tricks +
    • +
  • + noeuds + knots +
    • +
  • + mathématiques et physiques + mathematics and physics +
    • +
  • + politique + politic +
    • +
+
+
+ +
-

- FORMATIONS - EDUCATIONS -

- - -

- informatique - computer science -

- -

- architecture - architecture -

- - - -

- PERSONNEL - PERSONAL -

- - -

- engagement associatif - volunteer work -

- -

- centre d'intérêts - interests -

- - - - -
- - -
- - - - - - - -
-
+
+
-
-

- -

-
+
+

+ +

+
-
-

- code-sources de tous les projets : - source code for all projects : -

- -
+
+

+ code-sources de tous les projets : + source code for all projects : +

+ +
-

- quelques exemples de projets réalisés : - some examples of completed projects : -

+

+ quelques exemples de projets réalisés : + some examples of completed projects : +

-
-
- - - -
-

- programme qui creer une representation 3D filaire d'une carte avec des points a differentes altitudes - program that creates a 3D wireframe representation of a map with points at different altitudes -

- -
-
+
+
+ + + +
+

+ programme qui creer une representation 3D filaire d'une carte + avec des points a differentes altitudes + program that creates a 3D wireframe representation of a map + with points at different altitudes +

+ +
+
-
- - - -
-

- mini jeu video utilisant le raycasting pour creer une impression de deplacement dans un environnement 3D - mini video game using raycasting to create the impression of movement in a 3D environment -

- -
-
+
+ + + +
+

+ mini jeu video utilisant le raycasting pour creer une + impression de deplacement dans un environnement 3D + mini video game using raycasting to create the impression of + movement in a 3D environment +

+ +
+
-
- - - -
-

- plugin wordpress representant des evenements sur une carte avec des marqueurs et des filtres de tris - wordpress plugin showing events on a map with markers and sorting filters -

- -
-
+
+ + + +
+

+ plugin wordpress representant des evenements sur une carte avec + des marqueurs et des filtres de tris + wordpress plugin showing events on a map with markers and + sorting filters +

+ +
+
-
- - - -
-

- site internet statique utilisant une structure uniquement en html et css - static website using a structure based solely on html and css -

- -
-
-
+
+ + + +
+

+ site internet statique utilisant une structure uniquement en + html et css + static website using a structure based solely on html and + css +

+ +
+
+
-
- +
+ +
-
- - - - - - - - - - + diff --git a/styles/elements/cv.css b/styles/elements/cv.css index 2fa0719..d6a4f07 100644 --- a/styles/elements/cv.css +++ b/styles/elements/cv.css @@ -1,60 +1,37 @@ .cv { - width: auto; - max-width: 900px; + width: auto; + max-width: 900px; } .cv { - display: flex; - text-align: left; -} -.cv summary { - position: relative; - list-style-position: outside; - list-style-type: "▸ "; - font-size: 1.8rem; - margin: auto; - width: fit-content; -} -.cv summary .open { - display: none; -} -.cv summary .close { - display: inline; + display: flex; + flex-direction: column; + text-align: left; } .cv .cv_download { - display: inline-block; - width: 100%; - margin-top: 30px; - text-align: center; -} - -.cv[open] summary { - list-style-type: "▾ "; -} -.cv[open] summary .open { - display: inline; -} -.cv[open] summary .close { - display: none; + display: inline-block; + width: 100%; + margin-top: 30px; + text-align: center; } .cv > *:last-child { - margin-bottom: 100px; + margin-bottom: 100px; } .cv .banner { - margin: 0px 0px 50px; - /* + margin: 0px 0px 50px; + /* margin: 50px 50px; width: calc(100% - 100px); */ } .cv h2 { - margin-top: 100px; + margin-top: 100px; } .cv ul { - border: 1px dashed black; - padding: 20px; - padding-left: 40px; + border: 1px dashed black; + padding: 20px; + padding-left: 40px; } diff --git a/styles/elements/hero.css b/styles/elements/hero.css index a6d208d..823beba 100644 --- a/styles/elements/hero.css +++ b/styles/elements/hero.css @@ -1,19 +1,19 @@ #hero { - min-height: 100vh; - grid-template-columns: 1fr auto 1fr; - /* + min-height: 100vh; + grid-template-columns: 1fr auto 1fr; + /* * WIP : trying to find a solution to have both qualities : * - elements are spread across the page vertically ('hugo lamy developpeur' is not compacted on top) - * - the details element 'voir le cv' dont jump when we unroll it + * - the details element 'voir le cv' don't jump when we unroll it * grid-template-rows: 1fr auto 1fr; grid-template-rows: auto auto 1fr; */ - grid-template-rows: 50vh auto 1fr; + grid-template-rows: 50vh auto 1fr; } #hero .subtitle { - text-align: center; - display:inline-block; - max-width: 700px; - margin: 0px auto; + text-align: center; + display: inline-block; + max-width: 700px; + margin: 0px auto; }