Archicratia/archicratie-edition
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polish(ui): affiner sobrement les pages d’entrée
All checks were successful
SMOKE / smoke (push) Successful in 4s
Details
CI / build-and-anchors (push) Successful in 38s
Details
CI / build-and-anchors (pull_request) Successful in 36s
Details

Browse Source
This commit is contained in:
Archicratia
2026-05-15 09:23:19 +02:00
parent 063c7fb4bb
commit b1831c58d1
1 changed files with 39 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/styles/global.css
View File

@@ -727,10 +727,19 @@ html{ scroll-behavior: smooth; }
}
.landing{
--landing-accent: #00cfea;
--landing-accent-strong: #00d9ff;
--landing-panel-border: rgba(127,127,127,0.19);
--landing-panel-bg: rgba(127,127,127,0.038);
--landing-panel-glow: rgba(0,217,255,0.075);
--landing-card-bg: rgba(127,127,127,0.036);
--landing-card-hover-bg: rgba(127,127,127,0.064);
--landing-card-hover-border: rgba(0,217,255,0.18);
display: grid;
gap: clamp(18px, 3vw, 30px);
gap: clamp(18px, 2.6vw, 28px);
width: 100%;
padding: 14px 0 10px;
padding: 12px 0 10px;
}
.landing-hero,
@@ -739,33 +748,33 @@ html{ scroll-behavior: smooth; }
position: relative;
z-index: 0;
overflow: hidden;
border: 1px solid rgba(127,127,127,0.22);
border-radius: 24px;
border: 1px solid var(--landing-panel-border);
border-radius: 22px;
background:
radial-gradient(circle at 12% 0%, rgba(0,217,255,0.12), transparent 36%),
rgba(127,127,127,0.045);
radial-gradient(circle at 12% 0%, var(--landing-panel-glow), transparent 38%),
var(--landing-panel-bg);
}
.landing-hero{
padding: clamp(24px, 4vw, 46px);
padding: clamp(22px, 3.6vw, 42px);
}
.landing-kicker{
margin: 0 0 8px;
color: #00d9ff;
font-size: .78rem;
color: var(--landing-accent);
font-size: .76rem;
line-height: 1.2;
font-weight: 850;
letter-spacing: .08em;
letter-spacing: .075em;
text-transform: uppercase;
}
.landing-hero h1{
margin: 0;
font-size: clamp(2.45rem, 7vw, 5.4rem);
line-height: .95;
letter-spacing: -.055em;
text-shadow: 0 0 34px rgba(0,217,255,.10);
font-size: clamp(2.35rem, 6.2vw, 4.85rem);
line-height: .98;
letter-spacing: -.048em;
text-shadow: 0 0 28px rgba(0,217,255,.075);
}
.landing-lead{
@@ -790,9 +799,9 @@ html{ scroll-behavior: smooth; }
justify-content: center;
min-height: 38px;
padding: 7px 14px;
border: 1px solid rgba(127,127,127,0.38);
border: 1px solid rgba(127,127,127,0.34);
border-radius: 999px;
background: rgba(127,127,127,0.06);
background: rgba(127,127,127,0.052);
font-weight: 850;
text-decoration: none;
transition:
@@ -808,14 +817,14 @@ html{ scroll-behavior: smooth; }
}
.landing-btn--primary{
border-color: rgba(0,217,255,0.42);
background: rgba(0,217,255,0.10);
color: #00d9ff;
border-color: rgba(0,217,255,0.34);
background: rgba(0,217,255,0.075);
color: var(--landing-accent-strong);
}
.landing-section,
.edition-note{
padding: clamp(18px, 3vw, 28px);
padding: clamp(18px, 2.7vw, 26px);
}
.landing-section__head,
@@ -849,10 +858,10 @@ html{ scroll-behavior: smooth; }
display: grid;
gap: 8px;
min-width: 0;
padding: 16px;
border: 1px solid rgba(127,127,127,0.22);
border-radius: 18px;
background: rgba(127,127,127,0.045);
padding: 15px 16px;
border: 1px solid var(--landing-panel-border);
border-radius: 17px;
background: var(--landing-card-bg);
text-decoration: none;
transition:
transform 120ms var(--ease-out),
@@ -862,14 +871,14 @@ html{ scroll-behavior: smooth; }
.landing-card:hover{
transform: translateY(-1px);
background: rgba(127,127,127,0.075);
border-color: rgba(0,217,255,0.24);
background: var(--landing-card-hover-bg);
border-color: var(--landing-card-hover-border);
text-decoration: none;
}
.landing-card strong{
color: #00d9ff;
font-size: 1.05rem;
color: var(--landing-accent);
font-size: 1.02rem;
line-height: 1.22;
}
@@ -880,9 +889,9 @@ html{ scroll-behavior: smooth; }
}
.landing-card small{
color: #00d9ff;
color: var(--landing-accent);
font-weight: 800;
opacity: .92;
opacity: .86;
}
.presentation-next{