diff --git a/assets/css/src/_section_4-excerpts.scss b/assets/css/src/_section_4-excerpts.scss index 6927a34..ad62862 100644 --- a/assets/css/src/_section_4-excerpts.scss +++ b/assets/css/src/_section_4-excerpts.scss @@ -10,6 +10,7 @@ section#excerpts { text-align: center; width: min(80%, 41.875rem); margin-bottom: 3rem; + .label { font-weight: 400; font-size: var(--font-size-s); @@ -22,44 +23,135 @@ section#excerpts { } } - .slider { + // Swiper container (styles de base requis par Swiper.js) + .swiper { width: 100%; + position: relative; + padding-bottom: 5rem; // Espace pour pagination + overflow: hidden; // REQUIS : cache les slides hors viewport + } + + .swiper-wrapper { display: flex; - overflow: hidden; + position: relative; // REQUIS pour les transforms + width: 100%; + height: 100%; + z-index: 1; + transition-property: transform; // REQUIS pour les animations + box-sizing: content-box; + } - .slide { - width: 100%; - display: flex; - justify-content: space-between; + .swiper-slide { + flex-shrink: 0; // REQUIS : empêche la compression des slides + width: 100%; + height: 100%; + position: relative; + display: flex; + justify-content: center; + align-items: flex-start; - .item { - width: 13.125rem; - .label { - @include label-spaced; - } - .text { - font-size: var(--font-size-m); - line-height: 140%; - margin-bottom: 8rem; - } + .item { + width: 13.125rem; + + .label { + @include label-spaced; + } + + .text { + font-size: var(--font-size-m); + line-height: 140%; } } } - .controls { - width: 100%; - display: flex; - justify-content: space-between; + // Navigation buttons (prev/next arrows) + .swiper-button-prev, + .swiper-button-next { + z-index: 1; + bottom: 0; + width: 2rem; + height: 2rem; + position: absolute; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + border: none; + background-color: transparent; - .bullets { - display: flex; - .bullet { - width: 0.45rem; - height: 0.45rem; - border-radius: 100%; - background-color: #fff; - margin: 0.2rem; + &::after { + display: none; // Cache les flèches par défaut de Swiper + } + } + + .swiper-button-prev { + background-image: url('/assets/svg/arrow-left.svg'); + left: 0; + } + + .swiper-button-next { + background-image: url('/assets/svg/arrow-right.svg'); + right: 0; + } + + // Pagination (bullets) + .swiper-pagination { + bottom: 0.5rem; + display: flex; + justify-content: center; + gap: 0.4rem; + position: absolute; + width: 100%; + } + + .swiper-pagination-bullet { + width: 0.45rem; + height: 0.45rem; + border-radius: 100%; + background-color: rgba(255, 255, 255, 0.4); + opacity: 1; + transition: background-color 250ms ease, transform 250ms ease; + cursor: pointer; + border: none; + padding: 0; + + &:hover { + background-color: rgba(255, 255, 255, 0.7); + } + } + + .swiper-pagination-bullet-active { + background-color: #fff; + } + + // Mobile responsive + @media (max-width: 768px) { + padding: 4rem 2rem; + + header { + margin-bottom: 2rem; + + .title { + font-size: 2.5rem; } } + + .swiper-slide { + .item { + width: 100%; + max-width: 20rem; + text-align: center; + + .text { + margin-bottom: 2rem; + } + } + } + + .swiper-button-prev, + .swiper-button-next { + width: 2rem; + height: 2rem; + } } } diff --git a/assets/css/style.css b/assets/css/style.css index 5469b56..70e0023 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -328,45 +328,118 @@ section#excerpts header .title { font-weight: 700; letter-spacing: 5%; } -section#excerpts .slider { +section#excerpts .swiper { width: 100%; - display: flex; + position: relative; + padding-bottom: 5rem; overflow: hidden; } -section#excerpts .slider .slide { - width: 100%; +section#excerpts .swiper-wrapper { display: flex; - justify-content: space-between; + position: relative; + width: 100%; + height: 100%; + z-index: 1; + transition-property: transform; + box-sizing: content-box; } -section#excerpts .slider .slide .item { +section#excerpts .swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + display: flex; + justify-content: center; + align-items: flex-start; +} +section#excerpts .swiper-slide .item { width: 13.125rem; } -section#excerpts .slider .slide .item .label { +section#excerpts .swiper-slide .item .label { font-size: 0.625rem; text-transform: uppercase; font-weight: 400; opacity: 0.8; margin-bottom: 0.7rem; } -section#excerpts .slider .slide .item .text { +section#excerpts .swiper-slide .item .text { font-size: var(--font-size-m); line-height: 140%; - margin-bottom: 8rem; } -section#excerpts .controls { +section#excerpts .swiper-button-prev, +section#excerpts .swiper-button-next { + z-index: 1; + bottom: 0; + width: 2rem; + height: 2rem; + position: absolute; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + cursor: pointer; + border: none; + background-color: transparent; +} +section#excerpts .swiper-button-prev::after, +section#excerpts .swiper-button-next::after { + display: none; +} +section#excerpts .swiper-button-prev { + background-image: url("/assets/svg/arrow-left.svg"); + left: 0; +} +section#excerpts .swiper-button-next { + background-image: url("/assets/svg/arrow-right.svg"); + right: 0; +} +section#excerpts .swiper-pagination { + bottom: 0.5rem; + display: flex; + justify-content: center; + gap: 0.4rem; + position: absolute; width: 100%; - display: flex; - justify-content: space-between; } -section#excerpts .controls .bullets { - display: flex; -} -section#excerpts .controls .bullets .bullet { +section#excerpts .swiper-pagination-bullet { width: 0.45rem; height: 0.45rem; border-radius: 100%; + background-color: rgba(255, 255, 255, 0.4); + opacity: 1; + transition: background-color 250ms ease, transform 250ms ease; + cursor: pointer; + border: none; + padding: 0; +} +section#excerpts .swiper-pagination-bullet:hover { + background-color: rgba(255, 255, 255, 0.7); +} +section#excerpts .swiper-pagination-bullet-active { background-color: #fff; - margin: 0.2rem; +} +@media (max-width: 768px) { + section#excerpts { + padding: 4rem 2rem; + } + section#excerpts header { + margin-bottom: 2rem; + } + section#excerpts header .title { + font-size: 2.5rem; + } + section#excerpts .swiper-slide .item { + width: 100%; + max-width: 20rem; + text-align: center; + } + section#excerpts .swiper-slide .item .text { + margin-bottom: 2rem; + } + section#excerpts .swiper-button-prev, + section#excerpts .swiper-button-next { + width: 2rem; + height: 2rem; + } } section#handles { diff --git a/assets/css/style.css.map b/assets/css/style.css.map index b90dd47..dad75be 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_reset.scss","style.css","src/_variables.scss","src/_text.scss","src/_generic-classes.scss","src/_header.scss","src/_section_1-hero.scss","src/_section_2-quote.scss","src/_section_3-the_book.scss","src/_section_4-excerpts.scss","src/_section_5-handles.scss","src/_section_7-system.scss","src/_section_8-excerpt.scss","src/_section_9-author.scss","src/_section_10-buy.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_reset.scss","style.css","src/_variables.scss","src/_text.scss","src/_generic-classes.scss","src/_header.scss","src/_section_1-hero.scss","src/_section_2-quote.scss","src/_section_3-the_book.scss","src/_section_4-excerpts.scss","src/_section_5-handles.scss","src/_section_7-system.scss","src/_section_8-excerpt.scss","src/_section_9-author.scss","src/_section_10-buy.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..734e02f --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,44 @@ +document.addEventListener('DOMContentLoaded', function() { + const excerptSwiper = new Swiper('.excerpts-swiper', { + // Slides visibles et groupement + slidesPerView: 3, + slidesPerGroup: 3, + spaceBetween: 30, + + // Infinite loop + loop: true, + + // Navigation arrows + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + }, + + // Pagination bullets + pagination: { + el: '.swiper-pagination', + clickable: true, + dynamicBullets: false, + }, + + // Transitions + speed: 400, + effect: 'slide', + + // Responsive breakpoints + breakpoints: { + // Mobile : <= 768px + 0: { + slidesPerView: 1, + slidesPerGroup: 1, + spaceBetween: 20, + }, + // Desktop : > 768px + 769: { + slidesPerView: 3, + slidesPerGroup: 3, + spaceBetween: 30, + } + } + }); +}); diff --git a/index.html b/index.html index c5c6d59..804433a 100644 --- a/index.html +++ b/index.html @@ -138,43 +138,76 @@ Le réel traversé appelle un mot pour ne pas mourir -
-
-
-

Prologue

-

- Le réel est un seuil.
- On entre, ou pas. -

+
+
+
+
+

Prologue

+

+ Le réel est un seuil.
+ On entre, ou pas. +

+
-
-

La peur

-

- Le réel est là, à portée de main. La peur est son odeur. -

+
+
+

La peur

+

+ Le réel est là, à portée de main. La peur est son odeur. +

+
-
-

L'apprentissage

-

- On ne devient pas Einstein en le lisant, ni Picasso en le - regardant.
-
- Ça sauve presque. -

+
+
+

L'apprentissage

+

+ On ne devient pas Einstein en le lisant, ni Picasso en le + regardant.
+
+ Ça sauve presque. +

+
+
+
+
+

Le temps

+

+ Les dernières secondes
+ ne sont pas du rebut.
+
+ Elles ramassent tout. +

+
+
+
+
+

La dépression

+

+ La dépression est un effondrement de la traversabilité.
+
+ C'est une plante qui ne meurt pas sur n'importe quel sol. +

+
+
+
+
+

Le tissu du monde

+

+ Un seul amour,
+ pleinement porté,
+ suffit à ce que la
+ totalité ne chute pas. +

+
-
-
- -
    -
    • -
    • -
- + + +
+
+ + +
@@ -438,5 +471,7 @@

+ +