feat: add custom 404 page rendered via the site layout

This commit is contained in:
Pontoporeia
2026-08-24 11:32:02 +02:00
parent e9747edce0
commit 7938ab39c0
5 changed files with 112 additions and 1 deletions
+53
View File
@@ -0,0 +1,53 @@
/* ============================================================
404 — Page non trouvée
============================================================ */
.page-not-found {
min-height: 0;
}
.not-found {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: var(--space-m);
padding: var(--space-3xl) var(--space-l);
}
.not-found-code {
font-family: var(--font-display);
font-size: clamp(4rem, 20vw, 10rem);
line-height: 1;
margin: 0;
color: var(--accent-primary);
opacity: 0.9;
}
.not-found-title {
font-size: var(--step-3);
margin: 0;
}
.not-found-text {
max-width: 36ch;
margin: 0;
color: var(--text-secondary);
}
.not-found-link {
display: inline-flex;
align-items: center;
gap: var(--space-3xs);
margin-top: var(--space-s);
}
.not-found-caret {
transition: transform 120ms ease;
}
.not-found-link:hover .not-found-caret {
transform: translateX(-2px);
}