Shadoks visibles : opacités ×3, tailles augmentées, fonds moins noirs
- Opacités Shadoks : 0.1 → 0.25-0.35 (enfin visibles) - Tailles SVG augmentées (clamp min/max relevés de 20-40%) - Fix pumper hors écran (right: -15% → 3%) - Footer pattern : opacités internes ×3 - Fonds palettes dark éclaircis (bg 4% → 7%, surface 9% → 12%) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -121,10 +121,10 @@ const { data: content } = await usePageContent('home')
|
||||
|
||||
.shadok-thinker {
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
bottom: 8%;
|
||||
width: clamp(90px, 12vw, 170px);
|
||||
opacity: 0.1;
|
||||
right: 2%;
|
||||
bottom: 6%;
|
||||
width: clamp(110px, 14vw, 200px);
|
||||
opacity: 0.28;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-accent));
|
||||
animation: shadok-float-thinker 10s ease-in-out infinite;
|
||||
|
||||
@@ -114,10 +114,10 @@ const { data: content } = await usePageContent('home')
|
||||
|
||||
.shadok-pumper {
|
||||
position: absolute;
|
||||
right: -15%;
|
||||
bottom: 5%;
|
||||
width: clamp(60px, 10vw, 120px);
|
||||
opacity: 0.12;
|
||||
right: 3%;
|
||||
bottom: 8%;
|
||||
width: clamp(90px, 12vw, 180px);
|
||||
opacity: 0.28;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-primary));
|
||||
animation: shadok-float 10s ease-in-out infinite;
|
||||
|
||||
@@ -77,9 +77,9 @@ const { data: content } = await usePageContent('home')
|
||||
.shadok-scale {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
top: 10%;
|
||||
width: clamp(100px, 14vw, 200px);
|
||||
opacity: 0.1;
|
||||
top: 8%;
|
||||
width: clamp(120px, 16vw, 240px);
|
||||
opacity: 0.3;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-primary));
|
||||
animation: shadok-float-scale 9s ease-in-out infinite;
|
||||
|
||||
@@ -92,8 +92,8 @@ const { data: content } = await usePageContent('home')
|
||||
position: absolute;
|
||||
right: -2%;
|
||||
top: -20%;
|
||||
width: clamp(100px, 15vw, 180px);
|
||||
opacity: 0.15;
|
||||
width: clamp(120px, 16vw, 220px);
|
||||
opacity: 0.35;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-accent));
|
||||
animation: shadok-drift 12s ease-in-out infinite;
|
||||
|
||||
@@ -76,10 +76,10 @@ const { data: content } = await usePageContent('home')
|
||||
|
||||
.shadok-bird {
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
top: 15%;
|
||||
width: clamp(80px, 12vw, 160px);
|
||||
opacity: 0.12;
|
||||
right: 4%;
|
||||
top: 12%;
|
||||
width: clamp(110px, 15vw, 220px);
|
||||
opacity: 0.3;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-primary));
|
||||
animation: shadok-float 8s ease-in-out infinite;
|
||||
|
||||
@@ -83,12 +83,12 @@ const featuredSongs = computed(() => bookData.getSongs().slice(0, 6))
|
||||
|
||||
.shadok-musician {
|
||||
position: absolute;
|
||||
right: 3%;
|
||||
top: 5%;
|
||||
width: clamp(90px, 12vw, 170px);
|
||||
opacity: 0.1;
|
||||
right: 2%;
|
||||
top: 4%;
|
||||
width: clamp(110px, 15vw, 210px);
|
||||
opacity: 0.28;
|
||||
pointer-events: none;
|
||||
color: hsl(var(--color-primary));
|
||||
color: hsl(var(--color-accent));
|
||||
animation: shadok-float-musician 8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user