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 {
width: auto;
max-width: 900px;
width: auto;
max-width: 900px;
}
.cv {
display: flex;
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;
display: flex;
flex-direction: column;
text-align: left;
}
.cv .cv_download {
display: inline-block;
width: 100%;
margin-top: 30px;
text-align: center;
}
.cv[open] summary {
list-style-type: "▾ ";
}
.cv[open] summary .open {
display: inline;
}
.cv[open] summary .close {
display: none;
display: inline-block;
width: 100%;
margin-top: 30px;
text-align: center;
}
.cv > *:last-child {
margin-bottom: 100px;
margin-bottom: 100px;
}
.cv .banner {
margin: 0px 0px 50px;
/*
margin: 0px 0px 50px;
/*
margin: 50px 50px;
width: calc(100% - 100px);
*/
}
.cv h2 {
margin-top: 100px;
margin-top: 100px;
}
.cv ul {
border: 1px dashed black;
padding: 20px;
padding-left: 40px;
border: 1px dashed black;
padding: 20px;
padding-left: 40px;
}

View File

@@ -1,19 +1,19 @@
#hero {
min-height: 100vh;
grid-template-columns: 1fr auto 1fr;
/*
min-height: 100vh;
grid-template-columns: 1fr auto 1fr;
/*
* 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)
* - 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: auto auto 1fr;
*/
grid-template-rows: 50vh auto 1fr;
grid-template-rows: 50vh auto 1fr;
}
#hero .subtitle {
text-align: center;
display:inline-block;
max-width: 700px;
margin: 0px auto;
text-align: center;
display: inline-block;
max-width: 700px;
margin: 0px auto;
}