@@ -14,9 +14,11 @@
< link href = "./styles/elements/mouses.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/banners.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/title.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/sections.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/home.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/projects.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/cv.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/infos.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/projects.css" type = "text/css" rel = "stylesheet" >
< / head >
<!--
@@ -47,10 +49,12 @@
<!--
TITLE AREA
HOME
-->
< section id = "title_area" = "section" >
< h1 aria-label = "hugo lamy" id = "name" class = "title" data-flex = "horizontal center wrap" >
< section class = "section home " >
< header >
< h1 aria-label = "hugo lamy" id = "name" class = "title" >
< span aria-hidden = "true" class = "pre" >
@@ -65,8 +69,8 @@
< / span >
< / h1 >
< h1 aria-label = "programmeur informatique" id = "title" class = "title" data-flex = "horizontal center wrap" >
< / h1 >
< h1 aria-label = "programmeur informatique" id = "title" class = "title" >
< span aria-hidden = "true" class = "pre" >
@@ -81,169 +85,14 @@
< / span >
< / h1 >
< / section >
<!--
END TITLE AREA
-->
< / h1 >
< / header >
< article >
< / article >
<!--
PROJECTS
-->
< section id = "projects" data-flex = "vertical stretch" class = "section" >
< h1 aria-label = "projets" data-flex = "horizontal parent center wrap" >
< span aria-hidden = "true" class = "pre" >
< / span >
< / h1 >
< h2 data-flex = "center" > projets réalisés< / h2 >
< figure class = "project" id = "ljdp" data-flex = "vertical parent center stretch" >
< figcaption class = "project_description" data-flex = "vertical left" >
< h3 > extension worpress :< / h3 > < p > extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères< / p >
< ul >
< li > lien du site : < a href = "https://2022.lejourdesprofs.org/#programme" target = "_blank" rel = "noopener noreferrer" title = "link to the webpage the running plugin" > < / a > < / li >
< li > lien du code : < a href = "incomming" target = "_blank" rel = "noopener noreferrer" title = "link to the source code of the plugin" > < / a > < / li >
< li > technologies : wordpress backend, php, javascript, html, css, google maps javascript API, google maps geocoding API, google maps markerclusterer< / li >
< / ul >
< / figcaption >
< iframe
src = "https://2022.lejourdesprofs.org/hugogogo/"
data-flex = "center"
title = "embedded plugin from it's original website"
sandbox = "allow-scripts allow-popups"
> < / iframe >
< / figure >
< / section >
<!--
END PROJECTS
-->
<!--
CV
-->
< section id = "cv" data-flex = "vertical parent stretch" class = "section" >
< h1 aria-label = "cv" id = "cv_ascii" data-flex = "horizontal center wrap" >
< span aria-hidden = "true" class = "pre" >
< / span >
< / h1 >
< h2 id = "cv_download" data-flex = "center" > < a href = "downloads/hugo_lamy_2023_cv.pdf" target = "_blank" rel = "noopener noreferrer" title = "link to a pdf version of this section CV" > version pdf< / a > < / h2 >
< details >
< summary >
< h3 > Outils informatiques< / h3 >
< / summary >
< ul >
< li > Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript< / li >
< li > Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm< / li >
< li > Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Projets informatique< / h3 >
< / summary >
< ul >
< li > Full-stack, reprise d’ ’ < a href = "https://www.bloc-house.org" target = "_blank" rel = "noopener noreferrer" title = "link to bloc-house website" > < / a > , 2021< / li >
< li > Backend, plugin WordPress avec API Google Maps, < a href = "https://2022.lejourdesprofs.org/#programme" target = "_blank" rel = "noopener noreferrer" title = "link to lejourdesprofs website" > < / a > , 2022< / li >
< li > Site vitrine, association Kosmopolit, < a href = "https://kosmopolit.bitbucket.io" target = "_blank" rel = "noopener noreferrer" title = "link to kosmopolit website" > < / a > , 2021< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Formations informatique< / h3 >
< / summary >
< ul >
< li > École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)< / li >
< li > SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Bénévolat< / h3 >
< / summary >
< ul >
< li > Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023< / li >
< li > Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016< / li >
< li > Distribution de nourriture (Migrants-Wilson & Secours Populaire)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Études d’ < / h3 >
< / summary >
< ul >
< li > Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014< / li >
< li > Stages : PERSPECTIVA (Houston, Texas, 2009), AS (Paris, 2012), JC QUINTON (Paris 2014)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Centres d'intérêts< / h3 >
< / summary >
< ul >
< li > Vélo : longs voyages à vélo, construction de vélos retro-directs< / li >
< li > Magie : cartes, pièces, scène< / li >
< li > Autonomie : recherche des moyens de vivre avec le minimum d'affaires< / li >
< / ul >
< / details >
< / section >
<!--
END CV
-->
<!--
INFOS
-->
< div id = "infos" class = "section" >
< p > hugogogo@protonmail.com< / p >
< / div >
<!--
END INFOS
-->
<!--
MOUSE 1
-->
< div class = "frames_container mouse" id = "mouse_1" role = "img" aria-label = "mouse animated in ASCII art" >
< footer >
< div class = "frames_container mouse" id = "mouse_1" role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
@@ -316,9 +165,31 @@
< / pre >
< / div >
< / div >
< div id = "banner_1" class = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner" aria-hidden = "true" >
< / pre >
< / div >
< / footer >
< / section >
<!--
END MOUSE 1
END TITLE AREA
-->
@@ -329,12 +200,45 @@
<!--
MOUSE 2
PROJECTS
-->
< div class = "frames_container mouse" id = "mouse_2" role = "img" aria-label = "mouse animated in ASCII art ">
< section id = "projects" class = "section ">
< header >
< h1 aria-label = "projets" >
< span aria-hidden = "true" class = "pre" >
< / span >
< / h1 >
< / header >
< article >
< h2 > projets réalisés< / h2 >
< figure class = "project" id = "ljdp" >
< figcaption class = "project_description" >
< h3 > extension worpress :< / h3 > < p > extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères< / p >
< ul >
< li > lien du site : < a href = "https://2022.lejourdesprofs.org/#programme" target = "_blank" rel = "noopener noreferrer" title = "link to the webpage the running plugin" > < / a > < / li >
< li > lien du code : < a href = "incomming" target = "_blank" rel = "noopener noreferrer" title = "link to the source code of the plugin" > < / a > < / li >
< li > technologies : wordpress backend, php, javascript, html, css, google maps javascript API, google maps geocoding API, google maps markerclusterer< / li >
< / ul >
< / figcaption >
< iframe
src = "https://2022.lejourdesprofs.org/hugogogo/"
data-flex = "center"
title = "embedded plugin from it's original website"
sandbox = "allow-scripts allow-popups"
> < / iframe >
< / figure >
< / article >
< footer >
< div class = "frames_container mouse" id = "mouse_2" role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
@@ -407,9 +311,25 @@
< / pre >
< / div >
< / div >
< div id = "banner_2" class = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner reverse t05" aria-hidden = "true" >
< / pre >
< / div >
< / footer >
< / section >
<!--
END MOUSE 2
END PROJECTS
-->
@@ -417,10 +337,178 @@
<!--
CV
-->
< section id = "cv" class = "section" >
< header >
< h1 aria-label = "cv" id = "cv_ascii" >
< span aria-hidden = "true" class = "pre" >
< / span >
< / h1 >
< / header >
< article >
< h2 id = "cv_download" > < a href = "downloads/hugo_lamy_2023_cv.pdf" target = "_blank" rel = "noopener noreferrer" title = "link to a pdf version of this section CV" > version pdf< / a > < / h2 >
< details >
< summary >
< h3 > Outils informatiques< / h3 >
< / summary >
< ul >
< li > Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript< / li >
< li > Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm< / li >
< li > Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Projets informatique< / h3 >
< / summary >
< ul >
< li > Full-stack, reprise d’ ’ < a href = "https://www.bloc-house.org" target = "_blank" rel = "noopener noreferrer" title = "link to bloc-house website" > < / a > , 2021< / li >
< li > Backend, plugin WordPress avec API Google Maps, < a href = "https://2022.lejourdesprofs.org/#programme" target = "_blank" rel = "noopener noreferrer" title = "link to lejourdesprofs website" > < / a > , 2022< / li >
< li > Site vitrine, association Kosmopolit, < a href = "https://kosmopolit.bitbucket.io" target = "_blank" rel = "noopener noreferrer" title = "link to kosmopolit website" > < / a > , 2021< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Formations informatique< / h3 >
< / summary >
< ul >
< li > École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)< / li >
< li > SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Bénévolat< / h3 >
< / summary >
< ul >
< li > Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023< / li >
< li > Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016< / li >
< li > Distribution de nourriture (Migrants-Wilson & Secours Populaire)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Études d’ < / h3 >
< / summary >
< ul >
< li > Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014< / li >
< li > Stages : PERSPECTIVA (Houston, Texas, 2009), AS (Paris, 2012), JC QUINTON (Paris 2014)< / li >
< / ul >
< / details >
< details >
< summary >
< h3 > Centres d'intérêts< / h3 >
< / summary >
< ul >
< li > Vélo : longs voyages à vélo, construction de vélos retro-directs< / li >
< li > Magie : cartes, pièces, scène< / li >
< li > Autonomie : recherche des moyens de vivre avec le minimum d'affaires< / li >
< / ul >
< / details >
< / article >
< footer >
< div class = "frames_container mouse" id = "mouse_3" role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
< / pre >
< pre class = "frame f2" aria-hidden = "true" >
< / pre >
< pre class = "frame f3" aria-hidden = "true" >
< / pre >
< pre class = "frame f4" aria-hidden = "true" >
< / pre >
< / div >
< div id = "banner_3" banner = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t15 reverse" aria-hidden = "true" >
< / pre >
< / div >
< / footer >
< / section >
<!--
END CV
-->
<!--
MOUSE 3
-->
< div class = "frames_container mouse" id = "mouse_3 " role = "img" aria-label = "mouse animated in ASCII art" >
< div class = "frames_container mouse" id = "mouse_4 " role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
@@ -485,246 +573,22 @@
< / pre >
< / div >
< / div >
<!--
END MOUSE 3
-->
<!--
MOUSE 4
INFOS
-->
< div class = "frames_container mouse" id = "mouse_4" role = "img" aria-label = "mouse animated in ASCII art " >
< pre class = "frame f1" aria-hidden = "true" >
< / pre >
< pre class = "frame f2" aria-hidden = "true" >
< / pre >
< pre class = "frame f3" aria-hidden = "true" >
< / pre >
< pre class = "frame f4" aria-hidden = "true" >
< / pre >
< / div >
< div id = "infos" class = "section " >
< p> hugogogo@protonmail.com< / p >
< / div >
<!--
END MOUSE 4
END INFOS
-->
<!--
BANNER 1
-->
< div id = "banner_1" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 1
-->
<!--
BANNER 2
-->
< div id = "banner_2" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner reverse t05" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 2
-->
<!--
BANNER 3
-->
< div id = "banner_3" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t15 reverse" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 3
-->
<!--
BANNER 4
-->
< div id = "banner_4" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t05" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 4
-->
<!--
BANNER 5
-->
< div id = "banner_5" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner reverse t15" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 5
-->
<!--
BANNER 6
-->
< div id = "banner_6" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t20" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 6
-->
<!--
BANNER 7
-->
< div id = "banner_7" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t05 reverse" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 7
-->
<!--
BANNER 8
-->
< div id = "banner_8" role = "img" aria-label = "banner delimitation in ASCII art" >
< pre class = "banner t10 reverse" aria-hidden = "true" >
< / pre >
< / div >
<!--
END BANNER 5
-->
< / main >
< / body >
< / html >
asus