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; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { body {
background: #fff; background: var(--page);
font-family: var(--sans); font-family: var(--sans);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
margin: 0; margin: 0;
@@ -435,7 +435,6 @@
linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%); linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
padding: 0; padding: 0;
} }
.screen-label { display: none; }
.page { box-shadow: none; background: transparent; } .page { box-shadow: none; background: transparent; }
.cv-header { padding: 18px 14mm 14px; } .cv-header { padding: 18px 14mm 14px; }
.cv-body { padding: 10px 14mm 12px; background: transparent; } .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; } .reveal { opacity: 1; transform: none; animation: none; }
.brand::before { animation: none; } .brand::before { animation: none; }
html { scroll-behavior: auto; } html { scroll-behavior: auto; }
*, *::before, *::after { transition: none !important; animation: none !important; }
} }
/* ── ABOUT ── */ /* ── ABOUT ── */
@@ -419,7 +420,7 @@
margin-top: 40px; margin-top: 40px;
} }
.stack-card { .stack-card {
background: #fff; background: var(--page);
border: 1px solid var(--rule); border: 1px solid var(--rule);
border-radius: var(--r-md); border-radius: var(--r-md);
padding: 24px; padding: 24px;
@@ -640,7 +641,7 @@
} }
@media (min-width: 768px) { .projects-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .projects-grid { grid-template-columns: repeat(2, 1fr); } }
.project-card { .project-card {
background: #fff; background: var(--page);
border: 1px solid var(--rule); border: 1px solid var(--rule);
border-radius: var(--r-md); border-radius: var(--r-md);
padding: 24px; padding: 24px;
@@ -731,7 +732,7 @@
@media (min-width: 1200px) { .formation-themes { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1200px) { .formation-themes { grid-template-columns: repeat(3, 1fr); } }
.theme-card { .theme-card {
background: #fff; background: var(--page);
border: 1px solid var(--rule); border: 1px solid var(--rule);
border-radius: var(--r-md); border-radius: var(--r-md);
padding: 22px; padding: 22px;
@@ -860,7 +861,7 @@
grid-template-columns: 56px 1fr; grid-template-columns: 56px 1fr;
gap: 20px; gap: 20px;
align-items: start; align-items: start;
background: #fff; background: var(--page);
border: 1px solid var(--rule); border: 1px solid var(--rule);
border-radius: var(--r-md); border-radius: var(--r-md);
padding: 22px 24px; padding: 22px 24px;