@@ -7,35 +7,23 @@
< link rel = "icon" href = "data:;base64,iVBORw0KGgo=" >
< link rel = "icon" href = "data:;base64,iVBORw0KGgo=" >
< title > hugulumu.fr< / title >
< title > hugulumu.fr< / title >
< meta name = "description" content = "site web de hugo lamy, developpeur" >
< meta name = "description" content = "site web de hugo lamy, developpeur" >
< link href = "./styles/style.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/reset.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/reset.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/style.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/global.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/global.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/text.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/text.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/mouses.css" type = "text/css" rel = "stylesheet" >
< 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/banners.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/title.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/title.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/nav.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/sections.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/hero.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/cv.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/infos.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/infos.css" type = "text/css" rel = "stylesheet" >
< link href = "./styles/elements/test.css" type = "text/css" rel = "stylesheet" >
< / head >
< / head >
<!--
<!--
ids :
<id="personnal_infos">
<id="role_title">
<id="cv_infos">
<id="mouse_1">
<id="mouse_2">
<id="mouse_3">
<id="mouse_4">
<id="banner_1">
<id="banner_2">
<id="banner_3">
<id="banner_4">
<id="banner_5">
original : • 8226 U+2022
original : • 8226 U+2022
: 57442 U+E062
: 57442 U+E062
: 57443 U+E063
: 57443 U+E063
@@ -44,159 +32,61 @@
actual : 57446 U+E066
actual : 57446 U+E066
: 57447 U+E067
: 57447 U+E067
<section style="height: 200px;" class="left child - left - dense horizontal">
accessibility pre : https://developer.mozilla.org/en - US/docs/Web/HTML/Element/pre#specifications
<figure>
<pre role="img" aria - label="ASCII COW">
___________________________
< I'm an expert in my field. >
- - - - - - - - - - - - - - - - - - - - - - - - - - -
\ ^__^
\ (oo)\_______
(__)\ )\/\
|| - - - - w |
|| ||
</pre>
<figcaption id="cow - caption">
A cow saying, "I'm an expert in my field." The cow is illustrated using
preformatted text characters.
</figcaption>
</figure>
-->
-->
< body >
< body id = "body" >
< main id = "top" >
< nav >
< a href = "#top" > accueil< / a >
< a href = "#projects" > projets< / a >
< a href = "#cv" > cv< / a >
< a href = "#infos" > contact< / a >
< / nav >
<!--
<!--
ROLE TITLE
HERO SECTION
-->
-->
< section id = "role_title ">
< section class = "section hero" id = "hero ">
< figure id = "name" style = "gap:10px 30px;" data-flex = "horizontal center wrap" >
< header >
< pre >
< h1 aria-label = "hugo lamy" id = "name" class = "title" >
< span aria-hidden = "true" class = "pre" >
< / pre >
< / span >
< pre >
< span aria-hidden = "true" class = " pre" >
< / pre >
< / span >
< / figure >
< / h1 >
< figure id = "title" style = "gap:10px 30px; margin:30px 0px;" data-flex = "horizontal center wrap ">
< h1 aria-label = "programmeur informatique" id = "title" class = "title ">
< pre >
< span aria-hidden = "true" class = " pre" >
< / pre >
< / span >
< pre >
< span aria-hidden = "true" class = " pre" >
< / pre >
< / span >
< / figure >
< / h1 >
< / section >
< / header >
<!--
END ROLE TITLE
-->
< div class = "frames_container mouse" id = "mouse_1" role = "img" aria-label = "mouse animated in ASCII art" >
<!--
< pre class = "frame f1" aria-hidden = "true" >
CV INFOS
-->
< section id = "cv_infos" data-flex = "vertical left" >
< details >
< summary >
< h2 > Informatique< / h2 >
< / summary >
< ul >
< li > École 42, Paris, 2021-2022, tronc commun - niveau 10< / li >
< li > SIMPLON, développeur full-stack JavaScript, 2018< / li >
< li > Backend, plugin WordPress avec API Google Maps, < a href = "https://2022.lejourdesprofs.org/#programme" target = "_blank" rel = "noopener noreferrer" > < / a > , 2022< / li >
< li > Full-stack, reprise d’ ’ < a href = "https://www.bloc-house.org" target = "_blank" rel = "noopener noreferrer" > < / a > , 2021< / li >
< li > Site vitrine, association Kosmopolit, < a href = "https://kosmopolit.bitbucket.io" target = "_blank" rel = "noopener noreferrer" > < / a > , 2021< / li >
< / ul >
< / details >
< details >
< summary >
< h2 > Bénévolat< / h2 >
< / summary >
< ul >
< li > Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016< / li >
< li > Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023< / li >
< li > Distribution de nourriture (Migrants-Wilson & Secours Populaire)< / li >
< / ul >
< / details >
< details >
< summary >
< h2 > Outils informatiques< / h2 >
< / summary >
< ul >
< li > C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript< / li >
< li > Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm< / li >
< li > Emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)< / li >
< / ul >
< / details >
< details >
< summary >
< h2 > Études d’ < / h2 >
< / 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 >
< h2 > Centres d'intérêts< / h2 >
< / 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
-->
<!--
PERSONNAL INFOS
-->
< section id = "personnal_infos" style = "margin: 50px auto;" >
< p > hugogogo@protonmail.com< / p >
< / section >
<!--
END PERSONNAL INFOS
-->
<!--
MOUSE 1
-->
< figure class = "frames_container mouse" id = "mouse_1" >
< pre class = "frame f1" >
@@ -214,7 +104,7 @@
< / pre >
< / pre >
< pre class = "frame f2" >
< pre class = "frame f2" aria-hidden = "true" >
@@ -232,7 +122,7 @@
< / pre >
< / pre >
< pre class = "frame f3" >
< pre class = "frame f3" aria-hidden = "true" >
@@ -250,7 +140,7 @@
< / pre >
< / pre >
< pre class = "frame f4" >
< pre class = "frame f4" aria-hidden = "true" >
@@ -268,10 +158,27 @@
< / pre >
< / pre >
< / figure >
< / div >
<!--
< div id = "banner_1" class = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
END MOUSE 1
< pre class = "banner" aria-hidden = "true" >
-->
< / pre >
< / div >
< / section >
@@ -279,10 +186,44 @@
<!--
<!--
MOUSE 2
PROJECTS
-->
-->
< figure class = "frames_container mouse" id = "mouse_2 ">
< section id = "projects" class = "section ">
< pre class = "frame f1" >
< 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 >
< div class = "frames_container mouse" id = "mouse_2" role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
@@ -300,7 +241,7 @@
< / pre >
< / pre >
< pre class = "frame f2" >
< pre class = "frame f2" aria-hidden = "true" >
@@ -318,7 +259,7 @@
< / pre >
< / pre >
< pre class = "frame f3" >
< pre class = "frame f3" aria-hidden = "true" >
@@ -336,7 +277,7 @@
< / pre >
< / pre >
< pre class = "frame f4" >
< pre class = "frame f4" aria-hidden = "true" >
@@ -354,10 +295,24 @@
< / pre >
< / pre >
< / figure >
< / div >
<!--
< div id = "banner_2" class = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
END MOUSE 2
< pre class = "banner reverse t05" aria-hidden = "true" >
-->
< / pre >
< / div >
< / section >
@@ -365,88 +320,86 @@
<!--
<!--
MOUSE 3
CV
-->
< figure class = "frames_container mouse" id = "mouse_3" >
< pre class = "frame f1" >
< / pre >
< pre class = "frame f2" >
< / pre >
< pre class = "frame f3" >
< / pre >
< pre class = "frame f4" >
< / pre >
< / figure >
<!--
END MOUSE 3
-->
-->
< 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 >
< div class = "frames_container mouse" id = "mouse_3" role = "img" aria-label = "mouse animated in ASCII art" >
< pre class = "frame f1" aria-hidden = "true" >
<!--
MOUSE 4
-->
< figure class = "frames_container mouse" id = "mouse_4" >
< pre class = "frame f1" >
@@ -462,7 +415,7 @@
< / pre >
< / pre >
< pre class = "frame f2" >
< pre class = "frame f2" aria-hidden = "true" >
@@ -478,7 +431,7 @@
< / pre >
< / pre >
< pre class = "frame f3" >
< pre class = "frame f3" aria-hidden = "true" >
@@ -494,7 +447,7 @@
< / pre >
< / pre >
< pre class = "frame f4" >
< pre class = "frame f4" aria-hidden = "true" >
@@ -509,33 +462,17 @@
< / pre >
< / pre >
< / figure >
< / div >
<!--
< div id = "banner_3" class = "banner" role = "img" aria-label = "banner delimitation in ASCII art" >
END MOUSE 4
< pre class = "banner t15 reverse" aria-hidden = "true" >
-->
<!--
BANNER 1
-->
< figure id = "banner_1" >
< pre class = "banner" >
< / pre >
< / pre >
< / figure >
< / div >
<!--
END BANNER 1
< / section >
-->
@@ -544,111 +481,87 @@
<!--
<!--
BANNER 2
INFOS
-->
-->
< figure id = "banner_2 " >
< section id = "infos" class = "footer section " >
< pre class = "banner reverse t1_0" >
< article >
< p > hugogogo@protonmail.com< / p >
< / article >
< 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 >
< / figure >
< pre class = "frame f2" aria-hidden = "true" >
<!--
END BANNER 2
-->
<!--
BANNER 3
-->
< figure id = "banner_3" >
< pre class = "banner t2_0 reverse" >
< / pre >
< / pre >
< / figure >
< pre class = "frame f3" aria-hidden = "true" >
<!--
END BANNER 3
-->
<!--
BANNER 4
-->
< figure id = "banner_4" >
< pre class = "banner t0_5" >
< / pre >
< / pre >
< / figure >
< pre class = "frame f4" aria-hidden = "true" >
<!--
END BANNER 4
-->
<!--
BANNER 5
-->
< figure id = "banner_5" >
< pre class = "banner reverse" >
< / pre >
< / pre >
< / figure >
< / div >
<!--
< div class = "banner" >
END BANNER 5
< / div >
-->
< / section >
< / main >
< / body >
< / body >
< / html > < / html >
