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

page projet.php
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 22s
Details

Browse source
This commit is contained in:
sarahgarcin1 2026-02-26 09:11:39 +01:00
parent 95efcac454
commit 99a924010f
5 changed files with 552 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,29 +1,17 @@
/*/* ═══════════════════════════════════════════════════════════
narrative-web.css
Style storytelling éditorial — inspiré des grandes enquêtes
journalistiques (NYT, Le Monde, The Guardian)
⚠ Ce fichier COMPLÈTE style.css sans l'écraser.
Toutes les règles sont préfixées .nw- ou [data-template="narrative-web"]
═══════════════════════════════════════════════════════════ */
/* ───────────────────────────────────────────
VARIABLES LOCALES
(surcharge possible via customCss du panel)
─────────────────────────────────────────── */
:root {
/* --nw-font-display : 'Playfair Display', 'Georgia', 'Times New Roman', serif;
--nw-font-body : 'Source Serif 4', 'Georgia', serif;
--nw-font-ui : 'DM Sans', 'Helvetica Neue', sans-serif;*/
--nw-ink : #1a1a18;
--nw-ink-soft : #3d3d38;
--nw-ink-muted : #7a7a72;
--nw-paper : var(--color-panel-bg);
--nw-paper-warm : #f4f1eb;
--nw-rule : #d8d4cc;
--nw-accent : rgb(93, 40, 230);
--nw-accent-dark : #96261e;
--nw-accent : #5D28E6;
--nw-accent-dark : #361192;
--nw-tag-bg : #e9e5dc;
--nw-max-w : 1280px;
@ -33,16 +21,6 @@
--nw-transition : 0.25s ease;
}
/* ───────────────────────────────────────────
BASE BODY (narrative-web uniquement)
─────────────────────────────────────────── */
/*body[data-template="narrative-web"] {
background-color: var(--nw-paper);
color: var(--nw-ink);
font-family: var(--nw-font-body);
line-height: 1.75;
-webkit-font-smoothing: antialiased;
}*/
/* ───────────────────────────────────────────
NAVIGATION LATÉRALE
@ -956,29 +934,6 @@
display: block;
}
/* ───────────────────────────────────────────
ANIMATIONS D'ENTRÉE
─────────────────────────────────────────── */
/*@keyframes nw-fadeUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.nw-hero__content {
animation: nw-fadeUp 0.9s ease 0.15s both;
}
.nw-section {
opacity: 0;
transform: translateY(16px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.nw-section.is-visible {
opacity: 1;
transform: translateY(0);
}*/
/* ───────────────────────────────────────────
RESPONSIVE
─────────────────────────────────────────── */
@ -997,8 +952,3 @@
.nw-section { padding: 3rem 0; }
}
/* ───────────────────────────────────────────
INTERSECTION OBSERVER (sections visibles)
─────────────────────────────────────────── */
/* Le JS d'en bas de page gère les classes is-visible */