533 lines
125 KiB
HTML
533 lines
125 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/global.css" type="text/css" rel="stylesheet">
|
||
<link href="./styles/text.css" type="text/css" rel="stylesheet">
|
||
<link href="./styles/frames.css" type="text/css" rel="stylesheet">
|
||
<link href="./styles/banners.css" type="text/css" rel="stylesheet">
|
||
</head>
|
||
|
||
<!--
|
||
|
||
ids :
|
||
|
||
<id="name">
|
||
<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">
|
||
-->
|
||
|
||
<body>
|
||
|
||
|
||
<style>
|
||
/*
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . top-large . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . left-top . . . . top . . top-right . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . left . . . . center . . right . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. .left-large . . right-large. .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . center-large . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . . . left-bottom . . . . bottom . . right-bottom . . . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. . bottom-large . .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
. .
|
||
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
|
||
*/
|
||
|
||
.test1 {
|
||
flex-direction: column;
|
||
}
|
||
.test2 {
|
||
flex-direction: row;
|
||
}
|
||
.test {
|
||
border: 1px solid red;
|
||
display: flex;
|
||
/*
|
||
justify-content: center;
|
||
align-items: stretch;
|
||
*/
|
||
gap: 10px;
|
||
}
|
||
.test > * {
|
||
/*
|
||
*/
|
||
margin: auto 0px;
|
||
margin: 0px auto 0px 0px;
|
||
margin: 0px;
|
||
}
|
||
.test > *:first-child {
|
||
/*
|
||
margin: 0px;
|
||
margin: auto;
|
||
*/
|
||
border: 2px solid blue;
|
||
}
|
||
.test > *:last-child {
|
||
/*
|
||
margin: auto;
|
||
margin: 0px;
|
||
*/
|
||
border: 2px solid red;
|
||
}
|
||
</style>
|
||
<section style="height: 200px;" class="test test1">
|
||
<p style="background-color:lightblue;">+33 (0)7 67 04 11 14</p>
|
||
<p style="background-color:orange;">www.hugulumu.fr</p>
|
||
<p style="background-color:lightgreen;">hugogogo@protonmail.com</p>
|
||
</section>
|
||
<section style="height: 200px;" class="test test2">
|
||
<p style="background-color:lightblue;">+33 (0)7 67 04 11 14</p>
|
||
<p style="background-color:orange;">www.hugulumu.fr</p>
|
||
<p style="background-color:lightgreen;">hugogogo@protonmail.com</p>
|
||
</section>
|
||
|
||
<h1>Informatique</h1>
|
||
|
||
<ul>
|
||
<li>SIMPLON, développeur full-stack JavaScript, 2018</li>
|
||
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10</li>
|
||
<li>Full-stack, reprise d’un site d’artistes en php, https://www.bloc-house.org, 2021</li>
|
||
<li>Site vitrine, association Kosmopolit, https://kosmopolit.bitbucket.io, 2021</li>
|
||
<li>Backend, plugin WordPress avec API Google Maps, https://2022.lejourdesprofs.org/#programme, 2022</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>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>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>
|
||
|
||
|
||
|
||
|
||
<div class="left horizontal wrap">
|
||
<pre id="name">
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre id="name">
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
<div class="frames_container" id="mouse_1">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
<div class="frames_container" id="mouse_2">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
<div class="frames_container" id="mouse_3">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
<div class="frames_container" id="mouse_4">
|
||
<pre class="frame f1">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f3">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
<pre class="frame f4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
</div>
|
||
|
||
|
||
<pre class="banner" id="banner_1">
|
||
|
||
|
||
|
||
</pre>
|
||
|
||
<pre class="banner reverse t1_0" id="banner_2">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
|
||
<pre class="banner t2_0 reverse" id="banner_3">
|
||
|
||
|
||
|
||
</pre>
|
||
|
||
<pre class="banner t0_5" id="banner_4">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
|
||
<pre class="banner reverse" id="banner_5">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</pre>
|
||
|
||
</body>
|
||
</html>
|