studio-variable/geoproject-app
5
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

merge + ajout des boutons sur les tuiles page projet + css page narrative
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 25s
Details

Browse source
This commit is contained in:
sarahgarcin1 2026-02-27 12:24:35 +01:00
parent ea277917f7
commit 153e75c0a9
30 changed files with 317 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

59
public/assets/css/web.css
View file

@ -14,11 +14,28 @@
--nw-accent-dark : #361192;
--nw-tag-bg : #e9e5dc;
--nw-max-w : 1280px;
--nw-max-w : 1360px;
--nw-narrow : 720px;
--nw-sidenav-w : 220px;
--nw-transition : 0.25s ease;
}
.btn-connect{
position: fixed;
top: 20px;
right: 30px;
background: var(--nw-accent);
padding: 5px 5px 4px 10px;
border-radius: 100%;
opacity: 0.7;
transition: all 0.2s linear;
}
.btn-connect:hover{
opacity: 1;
transform: scale(1.04);
}
@ -71,7 +88,7 @@
.nw-sidenav__label {
font-family: var(--nw-font-ui);
font-size: 0.72rem;
font-size: 0.89rem;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
@ -138,7 +155,7 @@
.nw-sidenav__sub-label {
font-family: var(--nw-font-ui);
font-size: 0.65rem;
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.03em;
white-space: nowrap;
@ -153,10 +170,14 @@
.nw-sidenav__sub-link:hover .nw-sidenav__sub-label,
.nw-sidenav__sub-link.is-active .nw-sidenav__sub-label {
opacity: 1 !important;
/*opacity: 1 !important;*/
transform: translateX(0);
}
.nw-sidenav__sub-link:hover .nw-sidenav__sub-label{
opacity: 1 !important;
}
.nw-sidenav__sub-link:hover .nw-sidenav__sub-dot,
.nw-sidenav__sub-link.is-active .nw-sidenav__sub-dot {
opacity: 1 !important;
@ -179,13 +200,37 @@
─────────────────────────────────────────── */
.nw-hero {
position: relative;
min-height: 92vh;
min-height: 46vh;
display: flex;
align-items: flex-end;
overflow: hidden;
background: var(--nw-ink);
}
.nw-prev-btn{
position: absolute;
top: 20px;
left: 20px;
transition: transform 0.2s linear;
}
.nw-prev-btn a{
text-decoration: none;
color: #FFF;
text-shadow: 0 2px 20px rgba(0,0,0,0.3);
font-size: 1rem;
}
.nw-prev-btn svg{
position: relative;
top: 2px;
}
.nw-prev-btn:hover{
transform: scale(1.04);
}
.nw-hero__bg {
position: absolute;
inset: 0;
@ -215,7 +260,8 @@
position: relative;
z-index: 2;
padding: 6rem 3rem 4rem;
max-width: var(--nw-narrow);
max-width: var(--nw-max-w);
/*max-width: var(--nw-narrow);*/
margin: 0 auto;
width: 100%;
}
@ -378,6 +424,7 @@
line-height: 1.8;
color: var(--nw-ink-soft);
margin-bottom: 2rem;
max-width: var(--nw-narrow);
}
.nw-prose p { margin: 0 0 1.25em; }