chore(clean): enforce palette + reduced-motion, drop dead CSS

- 5x background:#fff -> var(--page) (stack/project/theme/methode cards +
  CV body) per CLAUDE.md 'no pure white background' (user-approved strict
  conformity; visual change: cards now blend with parchment, border-kept)
- prefers-reduced-motion now also kills transitions (universal rule)
- dead .screen-label rule removed (no matching element)
- PDF regenerated via weasyprint (must match HTML invariant)
This commit is contained in:
Bastien Chanot
2026-07-05 14:12:01 +02:00
parent ba13d697a5
commit 7e7bd66384
3 changed files with 6 additions and 6 deletions
+1 -2
View File
@@ -37,7 +37,7 @@
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #fff;
background: var(--page);
font-family: var(--sans);
-webkit-font-smoothing: antialiased;
margin: 0;
@@ -435,7 +435,6 @@
linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
padding: 0;
}
.screen-label { display: none; }
.page { box-shadow: none; background: transparent; }
.cv-header { padding: 18px 14mm 14px; }
.cv-body { padding: 10px 14mm 12px; background: transparent; }
Binary file not shown.
+5 -4
View File
@@ -352,6 +352,7 @@
.reveal { opacity: 1; transform: none; animation: none; }
.brand::before { animation: none; }
html { scroll-behavior: auto; }
*, *::before, *::after { transition: none !important; animation: none !important; }
}
/* ── ABOUT ── */
@@ -419,7 +420,7 @@
margin-top: 40px;
}
.stack-card {
background: #fff;
background: var(--page);
border: 1px solid var(--rule);
border-radius: var(--r-md);
padding: 24px;
@@ -640,7 +641,7 @@
}
@media (min-width: 768px) { .projects-grid { grid-template-columns: repeat(2, 1fr); } }
.project-card {
background: #fff;
background: var(--page);
border: 1px solid var(--rule);
border-radius: var(--r-md);
padding: 24px;
@@ -731,7 +732,7 @@
@media (min-width: 1200px) { .formation-themes { grid-template-columns: repeat(3, 1fr); } }
.theme-card {
background: #fff;
background: var(--page);
border: 1px solid var(--rule);
border-radius: var(--r-md);
padding: 22px;
@@ -860,7 +861,7 @@
grid-template-columns: 56px 1fr;
gap: 20px;
align-items: start;
background: #fff;
background: var(--page);
border: 1px solid var(--rule);
border-radius: var(--r-md);
padding: 22px 24px;