619 lines
124 KiB
HTML
619 lines
124 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<!-- create "fake" favicon : https://stackoverflow.com/questions/1321878/how-to-prevent-favicon-ico-requests -->
|
||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||
<title>hugulumu.fr</title>
|
||
<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/global.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/banners.css" type="text/css" rel="stylesheet">
|
||
<link href="./styles/elements/title.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">
|
||
</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
|
||
: 57442 U+E062
|
||
: 57443 U+E063
|
||
: 57444 U+E064
|
||
: 57445 U+E065
|
||
actual : 57446 U+E066
|
||
: 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>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
ROLE TITLE
|
||
-->
|
||
<figure id="role_title" style="gap:10px 30px; margin:30px 0px;" data-flex="horizontal center wrap">
|
||
<pre>
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre>
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END ROLE TITLE
|
||
-->
|
||
|
||
|
||
<!--
|
||
CV INFOS
|
||
-->
|
||
<section style="display:none;" id="cv_infos" data-flex="vertical left">
|
||
<h1>Informatique</h1>
|
||
<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’un site d’artistes en php, <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>
|
||
<h1>Bénévolat</h1>
|
||
<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>
|
||
<h1>Outils informatiques</h1>
|
||
<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>
|
||
<h1>Études d’architecture</h1>
|
||
<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>
|
||
<h1>Centres d'intérêts</h1>
|
||
<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>
|
||
</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">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END MOUSE 1
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
MOUSE 2
|
||
-->
|
||
<figure class="frames_container mouse" id="mouse_2">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END MOUSE 2
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
MOUSE 3
|
||
-->
|
||
<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
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
MOUSE 4
|
||
-->
|
||
<figure class="frames_container mouse" id="mouse_4">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END MOUSE 4
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
BANNER 1
|
||
-->
|
||
<figure id="banner_1">
|
||
<pre class="banner">
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END BANNER 1
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
BANNER 2
|
||
-->
|
||
<figure id="banner_2">
|
||
<pre class="banner reverse t1_0">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END BANNER 2
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
BANNER 3
|
||
-->
|
||
<figure id="banner_3">
|
||
<pre class="banner t2_0 reverse">
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END BANNER 3
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
BANNER 4
|
||
-->
|
||
<figure id="banner_4">
|
||
<pre class="banner t0_5">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END BANNER 4
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!--
|
||
BANNER 5
|
||
-->
|
||
<figure id="banner_5">
|
||
<pre class="banner reverse">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</figure>
|
||
<!--
|
||
END BANNER 5
|
||
-->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|