perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout ok on firefox

Browse Source
This commit is contained in:
asus
2024-05-17 11:38:17 +02:00
parent f5c7b07aad
commit c9150faa52
8 changed files with 123 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
docs/banners/banner_0.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

30
docs/banners/banner_00.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
docs/hugo_lamy_cv.pdf
View File

Binary file not shown.

37
index.html
View File

@@ -33,6 +33,7 @@
--> -->
<body id="body"> <body id="body">
<div id="top_banner" class="banner banner_size_0 banner_speed_50 banner_reverse" aria-label="banner delimitation in ASCII art"></div>
@@ -40,7 +41,7 @@
<!-- <!--
HERO SECTION HERO SECTION
--> -->
<section class="section hero" id="hero"white-space: pre;> <section class="section hero" id="hero">
<header> <header>
<h1 aria-label="hugo lamy" id="name" class="title"> <h1 aria-label="hugo lamy" id="name" class="title">
<span aria-hidden="true" class="pre pre_small"> <span aria-hidden="true" class="pre pre_small">
@@ -67,52 +68,48 @@
                       
</span> </span>
</h1> </h1>
<p class="subtitle">méthodique, inventif, curieux</p>
</header> </header>
<details class="cv"> <details class="cv margin_top_big">
<summary> <summary>
<h2 class="close">voir le CV</h2> <h2 class="close">voir le CV</h2>
<h2 class="open">cacher le CV</h2> <h2 class="open">cacher le CV</h2>
</summary> </summary>
<h2 id="cv_download"><a href="docs/hugo_lamy_cv.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">télécharger en pdf</a></h2> <a id="cv_download" href="docs/hugo_lamy_cv.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">télécharger en pdf</a>
<h2>Outils</h2> <h2>COMPÉTENCES</h2>
<ul> <ul>
<li>Langages : C, C++, JavaScript, PHP, CSS, HTML, bash</li> <li>Langages : C, C++, JavaScript, PHP, CSS, HTML, bash</li>
<li>Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react, emails, sending emails, receiving emails, deleting emails</li> <li>Technologies : Node.js, Git, Gitaction, Docker, Wordpress, Nginx, MariaDB, Nest.js, Svelte, WebSocket, Express, npm, react, emails, sending emails, receiving emails, deleting emails</li>
</ul> </ul>
<h2>Projets</h2> <h2>EXPIÉRIENCES</h2>
<ul> <ul>
<li><a href="https://www.carteprof.org" target="_blank" rel="noopener noreferrer" title="link to carteprof website"></a>, 2021 : Backend, plugin wordpress, gestions des inscriptions, paiements, roles et bdd</li> <li><a href="https://www.carteprof.org" target="_blank" rel="noopener noreferrer" title="link to carteprof website"></a>, 2021 : Backend, plugin wordpress, authentification, sessions, paiements, roles et bdd</li>
<li><a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer" title="link to bloc-house website"></a>, 2021 : Full-stack, reprise d’un site en php et javascript</li> <li><a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer" title="link to bloc-house website"></a>, 2021 : Full-stack, reprise d’un site en php et javascript</li>
<li><a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer" title="link to lejourdesprofs website"></a>, 2022 : Backend, plugin WordPress API GoogleMaps</li> <li><a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer" title="link to lejourdesprofs website"></a>, 2022 : Backend, plugin WordPress API GoogleMaps</li>
<li><a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer" title="link to kosmopolit website"></a>, 2021 : Front-end, intégration en css atomique statique</li> <li><a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer" title="link to kosmopolit website"></a>, 2021 : Front-end, intégration en css atomique statique</li>
</ul> </ul>
<h2>Formation</h2> <h2>FORMATION INFORMATIQUE</h2>
<ul> <ul>
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li> <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> <li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
</ul> </ul>
<h2>Engagement associatif</h2> <h2>FORMATION ARCHITECTURE</h2>
<ul>
<li>Vulgarisation et recherche contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2024</li>
<li>Aide au logement, travail, administratif, et projets de vie de personnes précaires, 2018-2024</li>
<li>Distribution de nourriture, Migrants-Wilson & Secours Populaire, 2020-2022</li>
<li>Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016</li>
</ul>
<h2>Études d’architecture</h2>
<ul> <ul>
<li>Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</li> <li>Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</li>
<li>3 stages : PERSPECTIVA (Houston, Texas, 2009, 3 mois), AS (Paris, 2012, 6 mois), JC QUINTON (Paris 2014, 6 mois)</li> <li>3 stages : PERSPECTIVA (Houston, Texas, 2009, 3 mois), AS (Paris, 2012, 6 mois), JC QUINTON (Paris 2014, 6 mois)</li>
</ul> </ul>
<h2>Compétences</h2> <h2>ENGAGEMENT ASSOCIATIF</h2>
<ul> <ul>
<li>Vélo, magie, noeuds, couture, mathématique, politique</li> <li>Vulgarisation et recherche contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2024</li>
<li>Méthodique, minutieux, inventif, curieux</li> <li>Aide au logement, travail, administratif, et projets de vie de personnes précaires, 2018-2024</li>
<li>Distribution de nourriture, MIGRANTS-WILSON & SECOURS POPULAIRE, 2020-2022</li>
<li>Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016</li>
</ul> </ul>
</details> </details>
<div class="mouse"><div class="mouse_1"></div></div> <div class="mouse"><div class="mouse_1"></div></div>
<div class="banner banner_size_5 banner_speed_30 full_width" aria-label="banner delimitation in ASCII art"></div> <div class="banner banner_size_3 banner_speed_30 grid_full_width margin_bottom_small" aria-label="banner delimitation in ASCII art"></div>
</section> </section>
@@ -159,7 +156,7 @@
</article> </article>
<div class="mouse"><div class="mouse_2"></div></div> <div class="mouse"><div class="mouse_2"></div></div>
<div class="banner banner_size_3 banner_speed_20 banner_reverse" aria-label="banner delimitation in ASCII art"></div> <div class="banner banner_size_3 banner_speed_20 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>
</section> </section>

21
styles/elements/banners.css
View File

@@ -54,6 +54,14 @@
* sizes * sizes
* *
*/ */
.banner_size_0 {
background-image: url(../../docs/banners/banner_0.svg);
--banner_height: calc(var(--base_banner_height) * 1);
}
.banner_size_00 {
background-image: url(../../docs/banners/banner_00.svg);
--banner_height: calc(var(--base_banner_height) * 1);
}
.banner_size_1 { .banner_size_1 {
background-image: url(../../docs/banners/banner_1.svg); background-image: url(../../docs/banners/banner_1.svg);
--banner_height: calc(var(--base_banner_height) * 1); --banner_height: calc(var(--base_banner_height) * 1);
@@ -74,3 +82,16 @@
background-image: url(../../docs/banners/banner_5.svg); background-image: url(../../docs/banners/banner_5.svg);
--banner_height: calc(var(--base_banner_height) * 5); --banner_height: calc(var(--base_banner_height) * 5);
} }
/*
* individual banners
*
*/
#top_banner {
position: absolute;
top: 0px;
left: 0px;
}

10
styles/elements/hero.css
View File

@@ -1,7 +1,13 @@
#hero { #hero {
min-height: 100vh; min-height: 100vh;
grid-template-rows: auto auto 1fr; grid-template-rows: auto auto 1fr;
header { .subtitle {
padding-top: 50px; text-align: center;
}
details {
#cv_download {
margin-top: 20px;
text-align: center;
}
} }
} }

5
styles/elements/sections.css
View File

@@ -2,7 +2,8 @@ section {
display: grid; display: grid;
margin: 0px; margin: 0px;
width: 100vw; width: 100vw;
grid: 1fr auto 1fr / auto; grid-template-columns: 1fr auto 1fr;
grid-auto-rows: auto;
grid-gap: 10px; grid-gap: 10px;
gap: 10px; gap: 10px;
min-height: 100vh; min-height: 100vh;
@@ -24,7 +25,7 @@ section {
> * { > * {
grid-column: 2 / span 1; grid-column: 2 / span 1;
} }
> .full_width { > .grid_full_width {
grid-column: 1 / span 3; grid-column: 1 / span 3;
} }

15
styles/global.css
View File

@@ -16,6 +16,21 @@
} }
.margin_top_small {
margin-top: 10px;
}
.margin_bottom_small {
margin-bottom: 10px;
}
.margin_top_big {
margin-top: 50px;
}
.margin_bottom_big {
margin-bottom: 50px;
}
/* /*
DATA-FLEX DATA-FLEX