update cv unfolded and mail is link

This commit is contained in:
hugo LAMY
2026-03-04 14:39:08 +01:00
parent 0764207780
commit f43afab585
5 changed files with 695 additions and 478 deletions

Binary file not shown.

Binary file not shown.

1100
index.html

File diff suppressed because it is too large Load Diff

View File

@@ -1,60 +1,37 @@
.cv { .cv {
width: auto; width: auto;
max-width: 900px; max-width: 900px;
} }
.cv { .cv {
display: flex; display: flex;
text-align: left; flex-direction: column;
} text-align: left;
.cv summary {
position: relative;
list-style-position: outside;
list-style-type: "▸ ";
font-size: 1.8rem;
margin: auto;
width: fit-content;
}
.cv summary .open {
display: none;
}
.cv summary .close {
display: inline;
} }
.cv .cv_download { .cv .cv_download {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
text-align: center; text-align: center;
}
.cv[open] summary {
list-style-type: "▾ ";
}
.cv[open] summary .open {
display: inline;
}
.cv[open] summary .close {
display: none;
} }
.cv > *:last-child { .cv > *:last-child {
margin-bottom: 100px; margin-bottom: 100px;
} }
.cv .banner { .cv .banner {
margin: 0px 0px 50px; margin: 0px 0px 50px;
/* /*
margin: 50px 50px; margin: 50px 50px;
width: calc(100% - 100px); width: calc(100% - 100px);
*/ */
} }
.cv h2 { .cv h2 {
margin-top: 100px; margin-top: 100px;
} }
.cv ul { .cv ul {
border: 1px dashed black; border: 1px dashed black;
padding: 20px; padding: 20px;
padding-left: 40px; padding-left: 40px;
} }

View File

@@ -1,19 +1,19 @@
#hero { #hero {
min-height: 100vh; min-height: 100vh;
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
/* /*
* WIP : trying to find a solution to have both qualities : * WIP : trying to find a solution to have both qualities :
* - elements are spread across the page vertically ('hugo lamy developpeur' is not compacted on top) * - elements are spread across the page vertically ('hugo lamy developpeur' is not compacted on top)
* - the details element 'voir le cv' dont jump when we unroll it * - the details element 'voir le cv' don't jump when we unroll it
* *
grid-template-rows: 1fr auto 1fr; grid-template-rows: 1fr auto 1fr;
grid-template-rows: auto auto 1fr; grid-template-rows: auto auto 1fr;
*/ */
grid-template-rows: 50vh auto 1fr; grid-template-rows: 50vh auto 1fr;
} }
#hero .subtitle { #hero .subtitle {
text-align: center; text-align: center;
display:inline-block; display: inline-block;
max-width: 700px; max-width: 700px;
margin: 0px auto; margin: 0px auto;
} }