From 0d3e06c1f8a1024e72ee749b2bb448de9bdf832d Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 5 Nov 2023 22:33:42 +0100 Subject: [PATCH 01/46] test --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 2e649d8..225eeac 100644 --- a/index.html +++ b/index.html @@ -17,11 +17,11 @@
-•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• •◦  • •
 ••••• •   • •  •• •   •     •     ••◦•• • • •   •
 •   • •   ◦ •   • •   •     •     •   • •   •   ◦

From 4f52676b993cd27129f984335404ba4113760299 Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 22:38:04 +0100
Subject: [PATCH 02/46] undo test (for bare repo on server)

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 225eeac..2e649d8 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,11 @@
 	
 
 
+•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• •◦  • •
 ••••• •   • •  •• •   •     •     ••◦•• • • •   •
 •   • •   ◦ •   • •   •     •     •   • •   •   ◦

From eaae842a0fd5a65aee7b2e7f0a5ad7dc8361854f Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 22:39:06 +0100
Subject: [PATCH 03/46] another test for bare remote

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2e649d8..225eeac 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,11 @@
 	
 
 
-•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• •◦  • •
 ••••• •   • •  •• •   •     •     ••◦•• • • •   •
 •   • •   ◦ •   • •   •     •     •   • •   •   ◦

From 209d5f016f61c3c216aa6f8cf40451418f1d6eb1 Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 22:58:59 +0100
Subject: [PATCH 04/46] end of test

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 225eeac..2e649d8 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,11 @@
 	
 
 
+•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• •◦  • •
 ••••• •   • •  •• •   •     •     ••◦•• • • •   •
 •   • •   ◦ •   • •   •     •     •   • •   •   ◦

From 337e799c59c90aa9d238583c201b86a48d787f65 Mon Sep 17 00:00:00 2001
From: asus 
Date: Sun, 5 Nov 2023 23:08:21 +0100
Subject: [PATCH 05/46] removed empty dots in ascii name

---
 index.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 2e649d8..d0be040 100644
--- a/index.html
+++ b/index.html
@@ -21,32 +21,32 @@
 
 
-•   • ◦   • ••••• ◦••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• •◦  • •
-••••• •   • •  •• •   •     •     ••◦•• • • •   •
-•   • •   ◦ •   • •   •     •     •   • •   •   ◦
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   • •   • •   • •   •     •     •   • •   •   •
 •   • ••••• ••••• •••••     ••••• •   • •   •   •
 
-•   • •   • ••••• •••••     •      •••  •   • ◦   •
-◦   • •   • •     •   •     ◦     •   • •• ••  • •
-••••• •   • ◦  •• •   ◦     •     ••••• • • •   •
-•   • •   • •   • •   •     •     ◦   • ◦   •   •
-•   • •••◦• ••••• •••••     •••◦• •   • •   •   •
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
 
 •   • •   • ••••• •••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• ••  • •
-••◦•• •   • •  •• •   •     •     ••••• • ◦ •   •
+•••◦•• •   • •  •• •   •     •     ••••• • •◦ •   •
 •   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••◦ •••••     ••••• •   • •   •   •
+•   • ••••• •••••◦ •••••     ••••• •   • •   •   •
 
-•   • •   • •••◦• •••••     •      •••  ◦   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • ◦
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
 ••••• •   • •  •• •   •     •     ••••• • • •   •
-•   ◦ •   • •   • •   •     ◦     •   • •   •   •
-•   • ••••• ••••• ••◦••     ••••• •   ◦ •   •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
 
From b5eef7b44f9d0ffcfc5699ee3c30537db3b7c2b3 Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 5 Nov 2023 23:09:15 +0100 Subject: [PATCH 06/46] removed empty dots in ascii name --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d0be040..e706c8f 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,9 @@
 •   • •   • ••••• •••••     •      •••  •   • •   •
 •   • •   • •     •   •     •     •   • •• ••  • •
-•••◦•• •   • •  •• •   •     •     ••••• • •◦ •   •
+••••• •   • •  •• •   •     •     ••••• • • •   •
 •   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• •••••◦ •••••     ••••• •   • •   •   •
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
 
 •   • •   • ••••• •••••     •      •••  •   • •   •

From 6a2f4fc6a89580293abd061005a57b8486422e9f Mon Sep 17 00:00:00 2001
From: asus 
Date: Tue, 7 Nov 2023 13:25:22 +0100
Subject: [PATCH 07/46] added cv text and style list dots

---
 index.html      | 135 +++++++++++++++++++++++++++++++++---------------
 styles/text.css |   9 ++++
 2 files changed, 102 insertions(+), 42 deletions(-)
 create mode 100644 styles/text.css

diff --git a/index.html b/index.html
index e706c8f..6209a50 100644
--- a/index.html
+++ b/index.html
@@ -9,48 +9,99 @@
 		
 		
 		
+		
 		
 		
 	
-	
 
 	
 
-
-
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
-
-
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
-
-
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
-
-
-•   • •   • ••••• •••••     •      •••  •   • •   •
-•   • •   • •     •   •     •     •   • •• ••  • •
-••••• •   • •  •• •   •     •     ••••• • • •   •
-•   • •   • •   • •   •     •     •   • •   •   •
-•   • ••••• ••••• •••••     ••••• •   • •   •   •
-
-
+ -
+ +
    +
  • www.hugulumu.fr
  • +
  • +33 (0)7 67 04 11 14
  • +
  • hugogogo@protonmail.com
  • +
+ +

Informatique

+ +
    +
  • SIMPLON, développeur full-stack JavaScript, 2018
  • +
  • École 42, Paris, 2021-2022, tronc commun - niveau 10
  • +
  • Full-stack, reprise d’un site d’artistes en php, https://www.bloc-house.org, 2021
  • +
  • Site vitrine, association Kosmopolit, https://kosmopolit.bitbucket.io, 2021
  • +
  • Backend, plugin WordPress avec API Google Maps, https://2022.lejourdesprofs.org/#programme, 2022
  • +
+ + +

Outils informatiques

+ +
    +
  • C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript
  • +
  • Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm
  • +
  • Emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)
  • +
+ + +

Études d’architecture

+ +
    +
  • Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014
  • +
  • Stages : PERSPECTIVA (Houston, Texas, 2009), AS (Paris, 2012), JC QUINTON (Paris 2014)
  • +
+ + +

Bénévolat

+ +
    +
  • Cogestion des bénévoles d'un camp de réfugiés, UTOPIA 56, Grande-Synthe, France, 2016
  • +
  • Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023
  • +
  • Distribution de nourriture (Migrants-Wilson & Secours Populaire)
  • +
+ + +

Centres d'intérêts

+ +
    +
  • Vélo : longs voyages à vélo, construction de vélos retro-directs
  • +
  • Magie : cartes, pièces, scène
  • +
  • Autonomie : recherche des moyens de vivre avec le minimum d'affaires
  • +
+ + + + +
+•   • •   • ••••• •••••     •      •••  •   • •   •
+•   • •   • •     •   •     •     •   • •• ••  • •
+••••• •   • •  •• •   •     •     ••••• • • •   •
+•   • •   • •   • •   •     •     •   • •   •   •
+•   • ••••• ••••• •••••     ••••• •   • •   •   •
+
+ +
        •
       ••         ••••           •••••
@@ -125,7 +176,7 @@
 
-
+
         ••••      •
        •    •     •
@@ -200,7 +251,7 @@
 
-
+
                    •
                    •
@@ -267,7 +318,7 @@
 
-
+
                  •     
                   •    
@@ -334,13 +385,13 @@
 
-
diff --git a/styles/elements/cv.css b/styles/elements/cv.css index a7b1f45..318ac4b 100644 --- a/styles/elements/cv.css +++ b/styles/elements/cv.css @@ -1,5 +1,6 @@ #cv { + place-items: center; } #cv h1, @@ -20,6 +21,8 @@ /* */ margin-left: var(--list-padding); + width: fit-content; + margin: auto; } #cv summary + * { margin-top: 10px; diff --git a/styles/elements/sections.css b/styles/elements/sections.css index cde8f7a..8b13789 100644 --- a/styles/elements/sections.css +++ b/styles/elements/sections.css @@ -1,5 +1 @@ -section { - justify-self: center; - margin: 50px 20px; -} diff --git a/styles/elements/title.css b/styles/elements/title.css index c764b01..8e755cd 100644 --- a/styles/elements/title.css +++ b/styles/elements/title.css @@ -1,8 +1,8 @@ -#role_title #name { +#name { margin:30px 0px 40px 0px; } -#role_title #title { +#title { margin:30px 0px 40px 0px; } diff --git a/styles/style.css b/styles/style.css index 91e0904..218f52a 100644 --- a/styles/style.css +++ b/styles/style.css @@ -2,10 +2,8 @@ html { font-size: 62.5%; } :root { - --small-space: 10px; - --medium-space: calc(var(--small-space) * 3); - --big-space: calc(var(--small-space) * 10); --list-padding: 10px; + --section_side_margin: 20px; } body { overflow-x: hidden; @@ -21,6 +19,10 @@ script, style { pre { margin: 10px 0px; } +section { + justify-self: center; + margin: 50px var(--section_side_margin); +} /* @@ -42,7 +44,7 @@ pre { #banner_7 { grid-area: banner_7;} #banner_8 { grid-area: banner_8;} -body { +#body { /* */ display: grid; diff --git a/styles/text.css b/styles/text.css index d81516d..f9ecb6e 100644 --- a/styles/text.css +++ b/styles/text.css @@ -36,7 +36,9 @@ h3 { margin: 20px 0px; font-size: 1.75rem; } h4 { margin: 20px 0px; font-size: 1.5rem; } h5 { margin: 10px 0px; font-size: 1.25rem; } h6 { margin: 10px 0px; font-size: 1.0rem; } + pre { line-height: 0.8; - font-size: min(2.2vw, 1.0rem); + font-size: min(2.1vw, 1.0rem); } + From 5b767e81479375472cece3c6dccac74234027265 Mon Sep 17 00:00:00 2001 From: asus Date: Mon, 20 Nov 2023 01:05:25 +0100 Subject: [PATCH 21/46] solved pbm with list in cv --- index.html | 11 ++++++++++- styles/elements/cv.css | 36 ++++++++++-------------------------- styles/elements/sections.css | 1 - styles/style.css | 3 +-- styles/text.css | 16 +++++++++++++--- 5 files changed, 34 insertions(+), 33 deletions(-) delete mode 100644 styles/elements/sections.css diff --git a/index.html b/index.html index 5539b8f..042073e 100644 --- a/index.html +++ b/index.html @@ -76,7 +76,16 @@ CV -->
-

version pdf

+
+
+     
+        
+        
+        
+      
+
+
+

version pdf

Informatique

diff --git a/styles/elements/cv.css b/styles/elements/cv.css index 318ac4b..b1f04fe 100644 --- a/styles/elements/cv.css +++ b/styles/elements/cv.css @@ -1,36 +1,20 @@ #cv { + /* place-items: center; + */ + place-self: stretch; +} +#cv #cv_ascii { + place-self: center; +} +#cv #cv_download { + place-self: center; } -#cv h1, -#cv h2, -#cv h3, -#cv h4, -#cv h5, -#cv h6 { - /* - place-self: center; - margin-left: var(--list-padding); - */ -} #cv details { - margin: 10px 0px; -} -#cv summary { - /* - */ - margin-left: var(--list-padding); - width: fit-content; - margin: auto; + margin: 10px 0px 10px 20px; } #cv summary + * { margin-top: 10px; } - -details summary { - /* - list-style-type: none; - */ - list-style-position: outside; -} diff --git a/styles/elements/sections.css b/styles/elements/sections.css deleted file mode 100644 index 8b13789..0000000 --- a/styles/elements/sections.css +++ /dev/null @@ -1 +0,0 @@ - diff --git a/styles/style.css b/styles/style.css index 218f52a..6f5b891 100644 --- a/styles/style.css +++ b/styles/style.css @@ -2,7 +2,6 @@ html { font-size: 62.5%; } :root { - --list-padding: 10px; --section_side_margin: 20px; } body { @@ -63,6 +62,6 @@ section { ' . mouse_4 . ' auto ' banner_8 banner_8 banner_8 ' auto ' . infos . ' auto - / 1fr auto 1fr ; + / 1fr minmax(auto, 900px) 1fr; } diff --git a/styles/text.css b/styles/text.css index f9ecb6e..128dd0d 100644 --- a/styles/text.css +++ b/styles/text.css @@ -10,7 +10,7 @@ */ body, pre { font-family: "notomono", monospace; - font-size: 1.5rem; + font-size: 1.8rem; font-weight: normal; font-style: normal; } @@ -18,8 +18,9 @@ ul { /* */ display: block; - list-style-type: "• "; - padding-left: var(--list-padding); + list-style-type: "• "; + padding-left: 0px; + list-style-position: outside; } li { display: list-item; @@ -27,6 +28,15 @@ li { li::marker { font-size: 1.2rem; } +details summary { + list-style-position: outside; +} +details summary { + list-style-type: "▸ "; +} +details[open] summary { + list-style-type: "▾ "; +} a:not([download])::after { content: attr(href); } From 82ba4401c68b5e4ec65c6bba603370629f0de18a Mon Sep 17 00:00:00 2001 From: asus Date: Mon, 20 Nov 2023 01:14:17 +0100 Subject: [PATCH 22/46] adjusted font size for phones --- styles/text.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles/text.css b/styles/text.css index 128dd0d..64c6279 100644 --- a/styles/text.css +++ b/styles/text.css @@ -14,6 +14,11 @@ body, pre { font-weight: normal; font-style: normal; } +@media screen and (max-width: 500px) { + body, pre { + font-size: 1.5rem; + } +} ul { /* */ From ce1b541f29a429b760d08d7f60b51d5484520a4f Mon Sep 17 00:00:00 2001 From: asus Date: Mon, 20 Nov 2023 01:17:01 +0100 Subject: [PATCH 23/46] font size adjust for list details arrow --- styles/text.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/text.css b/styles/text.css index 64c6279..062f87e 100644 --- a/styles/text.css +++ b/styles/text.css @@ -37,6 +37,7 @@ details summary { list-style-position: outside; } details summary { + font-size: 1.8rem; list-style-type: "▸ "; } details[open] summary { From 9fa4e3a22af45a2c846b6dd029ee8dcbc60965d0 Mon Sep 17 00:00:00 2001 From: asus Date: Thu, 23 Nov 2023 19:30:15 +0100 Subject: [PATCH 24/46] some modification to global css, but it's not good anymore --- index.html | 66 +++++++++++++++++------------------------- styles/elements/cv.css | 10 ++++++- styles/global.css | 23 ++++++++------- styles/style.css | 4 ++- styles/text.css | 6 ++++ temp.txt | 1 - 6 files changed, 57 insertions(+), 53 deletions(-) diff --git a/index.html b/index.html index 042073e..2bc4e80 100644 --- a/index.html +++ b/index.html @@ -22,23 +22,6 @@ ids : -
-
-
-
-
-
-
-
-
+ + + + + + + + +
        
@@ -262,9 +284,8 @@
                              
 
- @@ -272,6 +293,11 @@ + + + + + diff --git a/styles/elements/mouses.css b/styles/elements/mouses.css index 531f9f1..fc120bc 100644 --- a/styles/elements/mouses.css +++ b/styles/elements/mouses.css @@ -48,7 +48,6 @@ pre.frame.f4 {animation-delay: calc(var(--tframes) * 75/100);} #mouse_1 { place-self: center; - margin: auto; } #mouse_2 { left: 10%; diff --git a/styles/elements/title.css b/styles/elements/title.css index 8e755cd..e8fd81d 100644 --- a/styles/elements/title.css +++ b/styles/elements/title.css @@ -3,6 +3,6 @@ margin:30px 0px 40px 0px; } #title { - margin:30px 0px 40px 0px; + margin:30px 0px 20px 0px; } diff --git a/styles/style.css b/styles/style.css index 0d83ed1..068705f 100644 --- a/styles/style.css +++ b/styles/style.css @@ -31,7 +31,8 @@ section { #infos { grid-area: infos; } #title_area { grid-area: title; } #cv { grid-area: cv; } -#works { grid-area: works; } +#projects { grid-area: projects;} +#mouse_1 { grid-area: mouse_1; } #mouse_2 { grid-area: mouse_2; } #mouse_3 { grid-area: mouse_3; } #mouse_4 { grid-area: mouse_4; } @@ -49,10 +50,11 @@ section { */ display: grid; grid: - ' banner_1 banner_1 banner_1 ' auto ' . title . ' auto ' banner_2 banner_2 banner_2 ' auto - ' . works . ' auto + ' . mouse_1 . ' auto + ' banner_1 banner_1 banner_1 ' auto + ' . projects . ' auto ' banner_3 banner_3 banner_3 ' auto ' . mouse_2 . ' auto ' banner_4 banner_4 banner_4 ' auto diff --git a/temp.txt b/temp.txt index d98ef63..f70c098 100644 --- a/temp.txt +++ b/temp.txt @@ -293,6 +293,36 @@ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ + + +•••• •••• ••••• ••••• ••••• ••••• ••••• ••••• +• • • • • • • • • • • +•••• •••• • • • •••• • • ••••• +• • • • • • • • • • +• • • ••••• •• ••••• ••••• • ••••• + + +        +           +         +          +         + +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ +------------------------------------------------------------ + + + ••• •••• ••••• •••• ••••• ••••• ••••• • • ••••• ••••• • • • • • From 4eae7921ccd544bb3707878ad2624f4a83650c60 Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 24 Nov 2023 17:07:33 +0100 Subject: [PATCH 26/46] trying style with less banners --- index.html | 102 ++++++++++++----------------------------------- styles/style.css | 21 ++++------ 2 files changed, 34 insertions(+), 89 deletions(-) diff --git a/index.html b/index.html index a610278..47478c7 100644 --- a/index.html +++ b/index.html @@ -42,14 +42,14 @@
-          
-                                     
-                          
-                                      
-                      
+         
+                                
+                     
+                                 
+                     
 
-

here are some works I have done

+

projets réalisés

+
+
+

extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères

+
    +
  • lien du site :
  • +
  • lien du code :
  • +
+
+ +

projets réalisés

-
+

extension wordpress affichant les articles du site sur une carte, et permettant d'affiner la selection avec des critères

  • lien du site :
  • lien du code :
  • +
  • technologies : wordpress backend, php, javascript, html, css, google maps javascript API, google maps geocoding API, google maps markerclusterer
@@ -82,8 +80,8 @@ -
-

+
+
-

+

version pdf

@@ -163,9 +161,9 @@ -
+

hugogogo@protonmail.com

-
+
@@ -181,8 +179,8 @@ -
-

+
+
-

-

+

+
- +
-
+
-
+
diff --git a/styles/global.css b/styles/global.css index 7263b53..17c543e 100644 --- a/styles/global.css +++ b/styles/global.css @@ -32,11 +32,7 @@ /* width : -parent- content */ -[data-flex~="parent"] { - width: -moz-available; /* WebKit-based browsers will ignore this. */ - width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */ - width: fill-available; -} +[data-flex~="parent"] { width: 100%; } [data-flex~="content"] { width: fit-content; } /* position : -center- left right top bottom From 0dd0ff48435c0a80ddac7280f787dbaa37d347b2 Mon Sep 17 00:00:00 2001 From: asus Date: Wed, 29 Nov 2023 23:48:58 +0100 Subject: [PATCH 35/46] - improve accessibility after check with wave and axe : - title to links - title to iframe - put everything in main region --- index.html | 16 +++++++++------- styles/style.css | 4 ++-- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 0afeb16..bb43d27 100644 --- a/index.html +++ b/index.html @@ -36,6 +36,7 @@ --> +
+
+

hugo lamy - programmeur informatique

+
+ + +
+
+ + +
+
+ + + + + + + + + + @@ -78,6 +136,8 @@ + + @@ -159,6 +219,9 @@ + + + @@ -177,51 +240,6 @@ - -
-
- - -
-
- - -
-
- - - - - - -
-

hugo lamy - programmeur informatique

-
- - -
-
- - -
-
+

+ + @@ -100,15 +99,15 @@ PROJECTS -->
-
- -
+

+

projets réalisés

@@ -142,15 +141,15 @@ CV -->
-
- -
+

+

version pdf

diff --git a/styles/elements/title.css b/styles/elements/title.css index e8fd81d..7e8a0c9 100644 --- a/styles/elements/title.css +++ b/styles/elements/title.css @@ -5,4 +5,7 @@ #title { margin:30px 0px 20px 0px; } +.title { + gap:10px 30px; +} diff --git a/styles/text.css b/styles/text.css index 2336d38..0f53291 100644 --- a/styles/text.css +++ b/styles/text.css @@ -57,7 +57,10 @@ h4 { margin: 20px 0px; font-size: 1.5rem; } h5 { margin: 10px 0px; font-size: 1.25rem; } h6 { margin: 10px 0px; font-size: 1.0rem; } -pre { +p.pre { + white-space: pre; +} +p.pre, pre { line-height: 0.8; font-size: min(2.1vw, 1.0rem); } From 9547c5689842a02186bb9943999920823d8892a8 Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 1 Dec 2023 00:55:21 +0100 Subject: [PATCH 39/46] changed p.pre into span.pre --- index.html | 24 ++++++++++++------------ styles/text.css | 4 ++-- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 7b05ceb..93bdd30 100644 --- a/index.html +++ b/index.html @@ -51,36 +51,36 @@ -->

- - +

- - +

- +

projets réalisés

@@ -142,13 +142,13 @@ -->

- +

version pdf

diff --git a/styles/text.css b/styles/text.css index 0f53291..9bba349 100644 --- a/styles/text.css +++ b/styles/text.css @@ -57,10 +57,10 @@ h4 { margin: 20px 0px; font-size: 1.5rem; } h5 { margin: 10px 0px; font-size: 1.25rem; } h6 { margin: 10px 0px; font-size: 1.0rem; } -p.pre { +.pre { white-space: pre; } -p.pre, pre { +.pre, pre { line-height: 0.8; font-size: min(2.1vw, 1.0rem); } From 6b1370131de58cbaf5abcfc956a139fb0c67c52d Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 1 Dec 2023 21:33:54 +0100 Subject: [PATCH 40/46] - changed title in h1 to aria label for accessibility - changed stretchging and centering of section with fill-available --- downloads/hugo_lamy_2023_cv.pdf | Bin 701234 -> 701255 bytes index.html | 22 +++++++++++----------- styles/global.css | 7 ++++++- 3 files changed, 17 insertions(+), 12 deletions(-) diff --git a/downloads/hugo_lamy_2023_cv.pdf b/downloads/hugo_lamy_2023_cv.pdf index 8731094308bd79c99c4a00425de86c23f0a21e55..92310e0fd507acd76dd82ed198a2b8339ecb8bcb 100644 GIT binary patch delta 13116 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 LL`2{00{njfF6g4A delta 14228 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 SwS!~nh)KXXId5t!!~X{#V{OX- diff --git a/index.html b/index.html index 93bdd30..dffbb6d 100644 --- a/index.html +++ b/index.html @@ -50,7 +50,7 @@ TITLE AREA -->

-

+

-

+

diff --git a/styles/elements/home.css b/styles/elements/home.css new file mode 100644 index 0000000..68f610d --- /dev/null +++ b/styles/elements/home.css @@ -0,0 +1,3 @@ +.home { + height: 100vh; +} diff --git a/styles/elements/projects.css b/styles/elements/projects.css index e07b4b8..a9599ad 100644 --- a/styles/elements/projects.css +++ b/styles/elements/projects.css @@ -2,8 +2,13 @@ #projects .project_description { padding: 20px 0px; } +#projects article h2 { + text-align: center; +} #projects .project { max-width: 900px; + display: flex; + flex-direction: column; } #projects #ljdp iframe { height: 550px; diff --git a/styles/elements/sections.css b/styles/elements/sections.css new file mode 100644 index 0000000..02e2e2a --- /dev/null +++ b/styles/elements/sections.css @@ -0,0 +1,33 @@ + +section header { grid-area: header; } +section article { grid-area: article; } +section footer { grid-area: footer; } + +section { + display: grid; + margin: 0px; + width: 100vw; + grid: + ' . header . ' 1fr + ' . article . ' auto + ' footer footer footer ' auto + / 1fr auto 1fr ; + grid-gap: 10px; +} + +section header { + display: flex; + flex-direction: column; + place-content: center; +} +section footer { + display: flex; + flex-direction: column; +} +section header h1 { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + diff --git a/styles/elements/title.css b/styles/elements/title.css index 7e8a0c9..07b3ccf 100644 --- a/styles/elements/title.css +++ b/styles/elements/title.css @@ -1,9 +1,9 @@ #name { - margin:30px 0px 40px 0px; + margin:30px 0px 20px 0px; } #title { - margin:30px 0px 20px 0px; + margin:20px 0px 20px 0px; } .title { gap:10px 30px; diff --git a/styles/style.css b/styles/style.css index 7e82d3a..30de4be 100644 --- a/styles/style.css +++ b/styles/style.css @@ -16,49 +16,4 @@ script, style { pre { margin: 10px 0px; } -.section { - justify-self: center; - margin: 50px 20px; -} - - -/* - grid -*/ - -#infos { grid-area: infos; } -#title_area { grid-area: title; } -#cv { grid-area: cv; } -#projects { grid-area: projects;} -#mouse_1 { grid-area: mouse_1; } -#mouse_2 { grid-area: mouse_2; } -#mouse_3 { grid-area: mouse_3; } -#mouse_4 { grid-area: mouse_4; } -#banner_1 { grid-area: banner_1;} -#banner_2 { grid-area: banner_2;} -#banner_3 { grid-area: banner_3;} -#banner_4 { grid-area: banner_4; display: none;} -#banner_5 { grid-area: banner_5; display: none;} -#banner_6 { grid-area: banner_6; display: none;} -#banner_7 { grid-area: banner_7; display: none;} -#banner_8 { grid-area: banner_8; display: none;} - -main { - /* - */ - display: grid; - grid: - ' . title . ' auto - ' . mouse_1 . ' auto - ' banner_1 banner_1 banner_1 ' auto - ' . projects . ' auto - ' . mouse_2 . ' auto - ' banner_2 banner_2 banner_2 ' auto - ' . cv . ' auto - ' . mouse_4 . ' auto - ' banner_3 banner_3 banner_3 ' auto - ' . infos . ' auto - ' . mouse_3 . ' auto - / 1fr auto 1fr ; -} diff --git a/styles/text.css b/styles/text.css index 9bba349..a117218 100644 --- a/styles/text.css +++ b/styles/text.css @@ -57,10 +57,9 @@ h4 { margin: 20px 0px; font-size: 1.5rem; } h5 { margin: 10px 0px; font-size: 1.25rem; } h6 { margin: 10px 0px; font-size: 1.0rem; } -.pre { - white-space: pre; -} .pre, pre { + display: flex; + white-space: pre; line-height: 0.8; font-size: min(2.1vw, 1.0rem); } From 385b43cfc6aa9e16485c6152a6ad246d5b30de94 Mon Sep 17 00:00:00 2001 From: asus Date: Sun, 3 Dec 2023 19:25:12 +0100 Subject: [PATCH 42/46] transformed page layout in multiple sections to have full screen height available --- index.html | 56 ++++++++++++++++-------------------- styles/elements/cv.css | 20 ++++++++++--- styles/elements/infos.css | 6 +++- styles/elements/projects.css | 16 +++++++---- styles/elements/sections.css | 7 +++-- styles/style.css | 1 + 6 files changed, 62 insertions(+), 44 deletions(-) diff --git a/index.html b/index.html index bd9a8a3..914304c 100644 --- a/index.html +++ b/index.html @@ -88,11 +88,7 @@ -
-
- -
-
+ + - -
-

hugogogo@protonmail.com

-
- diff --git a/styles/elements/cv.css b/styles/elements/cv.css index e4c4252..2136fda 100644 --- a/styles/elements/cv.css +++ b/styles/elements/cv.css @@ -4,7 +4,18 @@ place-items: center; place-self: stretch; */ + grid-template-columns: 1fr minmax(auto, 900px) 1fr; +} +#cv header { + height: 300px; +} +#cv article { + /* max-width: 900px; + */ +} +#cv article h2 { + text-align: center; } #cv #cv_ascii { /* @@ -17,10 +28,11 @@ */ } #cv details { - margin: 10px 0px 10px 25px; + margin: 0px 0px 0px 25px; } -#cv details ul { +#cv summary { + padding: 10px 0px; } -#cv summary + * { - margin-top: 10px; +#cv .mouse { + margin-top: 150px; } diff --git a/styles/elements/infos.css b/styles/elements/infos.css index b12c3ca..523c10c 100644 --- a/styles/elements/infos.css +++ b/styles/elements/infos.css @@ -1,3 +1,7 @@ -#personnal_infos { +#infos article { + display: flex; + flex-direction: column; + place-content: center; + height: 400px; } diff --git a/styles/elements/projects.css b/styles/elements/projects.css index a9599ad..c8a6b94 100644 --- a/styles/elements/projects.css +++ b/styles/elements/projects.css @@ -1,15 +1,18 @@ -#projects .project_description { - padding: 20px 0px; -} -#projects article h2 { - text-align: center; +#projects header { + height: 300px; } #projects .project { max-width: 900px; display: flex; flex-direction: column; } +#projects article h2 { + text-align: center; +} +#projects .project_description { + padding: 20px 0px; +} #projects #ljdp iframe { height: 550px; border: none; @@ -23,3 +26,6 @@ #projects .project_description p { margin: 0px 0px 10px 0px; } +#projects .mouse { + margin-top: 150px; +} diff --git a/styles/elements/sections.css b/styles/elements/sections.css index 02e2e2a..5637e01 100644 --- a/styles/elements/sections.css +++ b/styles/elements/sections.css @@ -1,7 +1,8 @@ section header { grid-area: header; } section article { grid-area: article; } -section footer { grid-area: footer; } +section .mouse { grid-area: mouse; } +section .banner { grid-area: banner; } section { display: grid; @@ -10,9 +11,11 @@ section { grid: ' . header . ' 1fr ' . article . ' auto - ' footer footer footer ' auto + ' . mouse . ' auto + ' banner banner banner ' auto / 1fr auto 1fr ; grid-gap: 10px; + gap: 10px; } section header { diff --git a/styles/style.css b/styles/style.css index 30de4be..02fa946 100644 --- a/styles/style.css +++ b/styles/style.css @@ -9,6 +9,7 @@ body, main { overflow-x: hidden; margin: auto; width: fit-content; + background-color: #f6f6f6; } script, style { display: none; From cac49da46688680195e26d6c99a15d0976054282 Mon Sep 17 00:00:00 2001 From: asus Date: Wed, 6 Dec 2023 14:19:27 +0100 Subject: [PATCH 43/46] edited readme --- README.md | 26 ++++++++++++++++++++ index.html | 47 +++++++++++++++++++++++------------- styles/elements/cv.css | 2 +- styles/elements/home.css | 13 +++++++++- styles/elements/infos.css | 2 +- styles/elements/nav.css | 29 ++++++++++++++++++++++ styles/elements/projects.css | 2 +- styles/frames.css | 2 -- styles/style.css | 14 ++++++++++- 9 files changed, 113 insertions(+), 24 deletions(-) create mode 100644 styles/elements/nav.css delete mode 100644 styles/frames.css diff --git a/README.md b/README.md index fa2ebfd..e050efc 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,30 @@ +difficulties : + +- [accessibility with ascii art titles](https://stackoverflow.com/questions/77537096/make-text-in-ascii-art-more-accessible) + - I finally decided to go with a structure like this : + ``` +

+ + +

+ ``` +- [create the full screen hero section with the navbar under the title](https://stackoverflow.com/questions/77596781/in-css-how-to-make-a-sticky-navbar-after-the-header-in-an-hero-section/) + +--- + projects : - [/] ljdp diff --git a/index.html b/index.html index 914304c..9f59841 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@ + @@ -41,20 +42,8 @@
- - - - - - - - -
- -
-

+
+

-

-

+

+

-

+

+
+ + + + + + + + + + +
+ +
+
+
+
- - - - @@ -330,9 +311,6 @@
- @@ -494,9 +472,6 @@ - @@ -584,9 +559,6 @@ - diff --git a/styles/elements/hero.css b/styles/elements/hero.css new file mode 100644 index 0000000..d766a92 --- /dev/null +++ b/styles/elements/hero.css @@ -0,0 +1,15 @@ + +#hero { + grid-template-rows: 1fr auto auto; + height: 100vh; +/* + grid-template-rows: 1fr 50px auto auto; +*/ +} +#hero header { +} +#hero .mouse { +} +#hero .banner { +} + diff --git a/styles/elements/home.css b/styles/elements/home.css deleted file mode 100644 index eadb1e2..0000000 --- a/styles/elements/home.css +++ /dev/null @@ -1,14 +0,0 @@ - -#home { - height: 100vh; - grid-template-rows: 1fr 1fr auto auto; -/* - grid-template-rows: 1fr 50px auto auto; -*/ -} -#home article { -/* - height: 10000vh; -*/ -} - diff --git a/styles/elements/nav.css b/styles/elements/nav.css index 8f2e9f4..81776a7 100644 --- a/styles/elements/nav.css +++ b/styles/elements/nav.css @@ -3,11 +3,11 @@ nav { display: flex; flex-direction: row; justify-content: center; - position: -webkit-sticky; - position: sticky; + position: fixed; top: 0; background-color: #f6f6f6; z-index: 1; + width: 100vw; } nav a { position: relative; diff --git a/styles/elements/sections.css b/styles/elements/sections.css index 5637e01..b02339f 100644 --- a/styles/elements/sections.css +++ b/styles/elements/sections.css @@ -16,6 +16,7 @@ section { / 1fr auto 1fr ; grid-gap: 10px; gap: 10px; + min-height: 100vh; } section header {