Refactor slide-info markup and fix semantic issues
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s

Remplace figure/figcaption par div.slide-info avec .title et .caption, adapte le SCSS et le JS en conséquence.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-06-02 17:38:01 +02:00
parent b2790b1b2a
commit bab332003f
5 changed files with 51 additions and 42 deletions

View file

@ -11,21 +11,26 @@ section.poster-slider {
}
.poster-swiper {
height: 60vh;
padding: 0 9vw;
.swiper-wrapper {
align-items: flex-end;
}
.swiper-slide {
transform: scale(0.9);
transition: transform 0.3s ease;
.swiper-slide {
transform: scale(0.9);
transition: transform 0.3s ease;
display: flex;
justify-content: center;
figure {
aspect-ratio: 3 / 4;
overflow: hidden;
}
figure {
aspect-ratio: 3 / 4;
height: 100%;
overflow: hidden;
}
&.swiper-slide-active {
transform: scale(1);
&.swiper-slide-active {
transform: scale(1);
}
}
}
}
@ -42,15 +47,15 @@ section.poster-slider {
.slide-info {
text-align: center;
.slide-year {
.title {
font-family: 'Special Gothic', sans-serif;
font-size: 2.1875rem;
font-stretch: 75%;
font-weight: 700;
}
.slide-occasion,
.slide-photographer {
.caption {
font-size: 1rem;
font-stretch: 110%;
font-weight: 470;
}

View file

@ -341,18 +341,25 @@ section.poster-slider .poster-slider__title {
padding: 0 var(--space-body);
margin-bottom: 3rem;
}
section.poster-slider .poster-swiper {
height: 60vh;
padding: 0 9vw;
}
section.poster-slider .poster-swiper .swiper-wrapper {
align-items: flex-end;
}
section.poster-slider .poster-swiper .swiper-slide {
section.poster-slider .poster-swiper .swiper-wrapper .swiper-slide {
transform: scale(0.9);
transition: transform 0.3s ease;
display: flex;
justify-content: center;
}
section.poster-slider .poster-swiper .swiper-slide figure {
section.poster-slider .poster-swiper .swiper-wrapper .swiper-slide figure {
aspect-ratio: 3/4;
height: 100%;
overflow: hidden;
}
section.poster-slider .poster-swiper .swiper-slide.swiper-slide-active {
section.poster-slider .poster-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
transform: scale(1);
}
section.poster-slider .controls {
@ -368,14 +375,14 @@ section.poster-slider .controls {
section.poster-slider .controls .slide-info {
text-align: center;
}
section.poster-slider .controls .slide-info .slide-year {
section.poster-slider .controls .slide-info .title {
font-family: "Special Gothic", sans-serif;
font-size: 2.1875rem;
font-stretch: 75%;
font-weight: 700;
}
section.poster-slider .controls .slide-info .slide-occasion,
section.poster-slider .controls .slide-info .slide-photographer {
section.poster-slider .controls .slide-info .caption {
font-size: 1rem;
font-stretch: 110%;
font-weight: 470;
}

View file

@ -1 +1 @@
{"version":3,"sources":["src/_fonts.scss","style.css","src/_reset.scss","src/_variables.scss","src/_global.scss","src/_header.scss","src/sections/_hero.scss","src/sections/_featured-text.scss","src/sections/_two-columns.scss","src/sections/_video.scss","src/sections/_timeline.scss","src/sections/_poster-slider.scss"],"names":[],"mappings":"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","file":"style.css"}
{"version":3,"sources":["src/_fonts.scss","style.css","src/_reset.scss","src/_variables.scss","src/_global.scss","src/_header.scss","src/sections/_hero.scss","src/sections/_featured-text.scss","src/sections/_two-columns.scss","src/sections/_video.scss","src/sections/_timeline.scss","src/sections/_poster-slider.scss"],"names":[],"mappings":"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","file":"style.css"}