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

41
public/assets/css/projet.css
View file

@ -88,9 +88,10 @@ body[data-template="projet"] {
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--nw-accent);
color: #FFF;
margin: 0 0 0.6rem;
opacity: 0.9;
text-shadow: 0 2px 20px rgba(0,0,0,0.25);
}
.pj-header__title {
@ -139,7 +140,7 @@ body[data-template="projet"] {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
/*overflow: hidden;*/
transition: transform var(--nw-transition), box-shadow var(--nw-transition);
border: 1px solid var(--nw-rule);
@ -308,6 +309,42 @@ body[data-template="projet"] {
line-height: 1.4;
}
.pj-btn-disable,
.pj-btn-disable.pj-btn--ghost{
cursor: default;
/*pointer-events: none;*/
transition: none;
background: var(--nw-rule);
/*opacity: 0.5;*/
}
[data-tooltip] {
position: relative;
}
[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background: var(--color-interface-100);
color: var(--color-interface-600);
font-size: 0.75rem;
white-space: nowrap;
padding: 0.35em 0.7em;
border-radius: 6px;
border: 1px solid var(--color-interface-500);
pointer-events: none;
opacity: 0;
transition: opacity 0.2s;
z-index: 100;
}
[data-tooltip]:hover::after {
opacity: 1;
}
/* Ghost : contour */
.pj-btn--ghost {
color: var(--nw-ink-soft);

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; }