diff --git a/assets/css/_home.scss b/assets/css/_home.scss index 65da3c2..5aaacb0 100755 --- a/assets/css/_home.scss +++ b/assets/css/_home.scss @@ -55,6 +55,12 @@ } +.slideshow{ + width: 100%; + height: calc(var(--unit)*11); + overflow: hidden; +} + .highlight-block{ @@ -147,7 +153,7 @@ grid-column: 1; } - .highlight-block{ + .highlight-block, .slideshow{ grid-column: 2; grid-row: 2; } diff --git a/assets/css/_slideshow.scss b/assets/css/_slideshow.scss new file mode 100644 index 0000000..1a49b5a --- /dev/null +++ b/assets/css/_slideshow.scss @@ -0,0 +1,160 @@ + + +.slideshow { + height: 100%; + width: 100%; + margin-left: 0; + overflow: hidden; + *{ + position: relative; + } +} + + +.slideshow-container{ + height: 100%; + width: 100%; +} + +.slideshow-inner { + width: calc(100% * var(--items)); + height: 100%; +} + +.slideshow-item { + width: calc(100%/var(--items)); + height: 100%; + float: left; + + figure{ + width: 100%; + height: 100%; + img{ + width: 100%; + height: 100%; + object-fit: cover; + } + } +} + + +/* Display slides (input checked) +-------------------------------------------------------- +-------------------------------------------------------- */ + +.slideshow-inner { + transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); +} + +.slideshow-item { + transition: all 0.5s ease-out; +} + + +/* Move slides overflowed container */ +#slide-input-1:checked ~ .slideshow-inner { + left: 0; +} +#slide-input-2:checked ~ .slideshow-inner { + left: -100%; +} +#slide-input-3:checked ~ .slideshow-inner { + left: -200%; +} + + + + + + +/* Controls (arrows) +-------------------------------------------------------- +-------------------------------------------------------- */ + +.slideshow-controls { + position: absolute; + top: 0; + width: 100%; + height: 100%; +} + +.slide_controls { + width: 40px; + height: 100%; + position: absolute; + top: 0; + cursor: pointer; + will-change: z-index; +} +.slide_controls-previous { + left: 0; +} +.slide_controls-next { + right: 0; +} + +span.controls { + height: 100%; + position: absolute; + width: 100%; +} + +span.controls::before, +span.controls::after { + padding: 10px; + top: 50%; + transform: translateY(-50%); + position: absolute; + background: white; + font-size: 20px; + z-index: 9; +} + +.slide_controls-previous:hover ~ span.controls:before, +.slide_controls-next:hover ~ span.controls:after { + background: #bfbfbf!important; +} + +span.controls::before { + content: "❬"; + left: -1px; +} + +span.controls::after { + content: "❭"; + right: -1px; +} + +/* Control arrows display +-------------------------------------------------------------------- +-------------------------------------------------------------------- */ + +#slide-input-1:checked ~ .slideshow-controls label { + z-index: -1; +} +#slide-input-1:checked ~ .slideshow-controls label:nth-of-type(1), +#slide-input-1:checked ~ .slideshow-controls label:nth-of-type(2) { + z-index: 11; +} + +#slide-input-2:checked ~ .slideshow-controls label { + z-index: -1; +} +#slide-input-2:checked ~ .slideshow-controls label:nth-of-type(3), +#slide-input-2:checked ~ .slideshow-controls label:nth-of-type(4) { + z-index: 11; +} + +#slide-input-3:checked ~ .slideshow-controls label { + z-index: -1; +} +#slide-input-3:checked ~ .slideshow-controls label:nth-of-type(5), +#slide-input-3:checked ~ .slideshow-controls label:nth-of-type(6) { + z-index: 11; +} + + + + + diff --git a/assets/style.css b/assets/style.css index 6b63d87..060dde5 100644 --- a/assets/style.css +++ b/assets/style.css @@ -313,6 +313,187 @@ button { text-decoration: underline var(--hover-bg); } +.slideshow { + height: 100%; + width: 100%; + margin-left: 0; + overflow: hidden; +} +.slideshow * { + position: relative; +} + +.slideshow-container { + height: 100%; + width: 100%; +} + +.slideshow-inner { + width: calc(100% * var(--items)); + height: 100%; +} + +.slideshow-item { + width: calc(100% / var(--items)); + height: 100%; + float: left; +} +.slideshow-item figure { + width: 100%; + height: 100%; +} +.slideshow-item figure img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +/* Display slides (input checked) +-------------------------------------------------------- +-------------------------------------------------------- */ +.slideshow-inner { + transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); +} + +.slideshow-item { + transition: all 0.5s ease-out; +} + +/* Move slides overflowed container */ +#slide-input-1:checked ~ .slideshow-inner { + left: 0; +} + +#slide-input-2:checked ~ .slideshow-inner { + left: -100%; +} + +#slide-input-3:checked ~ .slideshow-inner { + left: -200%; +} + +#slide-input-4:checked ~ .slideshow-inner { + left: -300%; +} + +#slide-input-5:checked ~ .slideshow-inner { + left: -400%; +} + +/* Controls (arrows) +-------------------------------------------------------- +-------------------------------------------------------- */ +.slideshow-controls { + position: absolute; + top: 0; + width: 100%; + height: 100%; +} + +.slide_controls { + width: 40px; + height: 100%; + position: absolute; + top: 0; + cursor: pointer; + will-change: z-index; +} + +.slide_controls-previous { + left: 0; +} + +.slide_controls-next { + right: 0; +} + +span.controls { + height: 100%; + position: absolute; + width: 100%; +} + +span.controls::before, +span.controls::after { + padding: 10px; + top: 50%; + transform: translateY(-50%); + position: absolute; + background: white; + font-size: 20px; + z-index: 9; +} + +.slide_controls-previous:hover ~ span.controls:before, +.slide_controls-next:hover ~ span.controls:after { + background: #bfbfbf !important; +} + +span.controls::before { + content: "❬"; + left: -1px; +} + +span.controls::after { + content: "❭"; + right: -1px; +} + +/* Control arrows display +-------------------------------------------------------------------- +-------------------------------------------------------------------- */ +#slide-input-0:checked ~ .slideshow-controls label { + /* toggle all label nav */ + display: block; +} + +#slide-input-1:checked ~ .slideshow-controls label { + z-index: -1; +} + +#slide-input-1:checked ~ .slideshow-controls label:nth-of-type(1), +#slide-input-1:checked ~ .slideshow-controls label:nth-of-type(2) { + z-index: 11; +} + +#slide-input-2:checked ~ .slideshow-controls label { + z-index: -1; +} + +#slide-input-2:checked ~ .slideshow-controls label:nth-of-type(3), +#slide-input-2:checked ~ .slideshow-controls label:nth-of-type(4) { + z-index: 11; +} + +#slide-input-3:checked ~ .slideshow-controls label { + z-index: -1; +} + +#slide-input-3:checked ~ .slideshow-controls label:nth-of-type(5), +#slide-input-3:checked ~ .slideshow-controls label:nth-of-type(6) { + z-index: 11; +} + +#slide-input-4:checked ~ .slideshow-controls label { + z-index: -1; +} + +#slide-input-4:checked ~ .slideshow-controls label:nth-of-type(7), +#slide-input-4:checked ~ .slideshow-controls label:nth-of-type(8) { + z-index: 11; +} + +#slide-input-5:checked ~ .slideshow-controls label { + z-index: -1; +} + +#slide-input-5:checked ~ .slideshow-controls label:nth-of-type(9), +#slide-input-5:checked ~ .slideshow-controls label:nth-of-type(10) { + z-index: 11; +} + .item-nav { border: 1px solid var(--color-txt-light); border-radius: var(--radius-small); @@ -396,6 +577,12 @@ button { margin-bottom: calc(var(--unit) * 3); } +.slideshow { + width: 100%; + height: calc(var(--unit) * 11); + overflow: hidden; +} + .highlight-block { background-color: var(--color); border: 1px solid var(--color-txt-light); @@ -470,7 +657,7 @@ button { .home--section-tool .section--inner .item-nav { grid-column: 1; } -.home--section-tool .section--inner .highlight-block { +.home--section-tool .section--inner .highlight-block, .home--section-tool .section--inner .slideshow { grid-column: 2; grid-row: 2; } diff --git a/assets/style.css.map b/assets/style.css.map index 05c2460..8539d2b 100644 --- a/assets/style.css.map +++ b/assets/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","css/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/_buttons.scss","css/_see-more.scss","css/_home-item-nav.scss","css/_home.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","css/_var.scss","css/_base.scss","css/_site-header.scss","css/_site-nav.scss","css/_site-footer.scss","css/_buttons.scss","css/_see-more.scss","css/_slideshow.scss","css/_home-item-nav.scss","css/_home.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/style.scss b/assets/style.scss index bc19529..23f711c 100755 --- a/assets/style.scss +++ b/assets/style.scss @@ -6,6 +6,7 @@ @use "css/site-footer"; @use "css/buttons"; @use "css/see-more"; +@use "css/slideshow"; @use "css/home-item-nav"; @use "css/home"; diff --git a/content/images/Epinay3.jpeg b/content/images/Epinay3.jpeg new file mode 100644 index 0000000..827e260 Binary files /dev/null and b/content/images/Epinay3.jpeg differ diff --git a/index.html b/index.html index e6b0d4d..5549c46 100755 --- a/index.html +++ b/index.html @@ -119,7 +119,7 @@ -
+

Ateliers

@@ -137,15 +137,65 @@
- -
-
- -
- Atelier Lorem Ispsum, Rennes, 23 septembre 2025 -
-
+ + +
+
+ + + + + + + +
+
+
+ +
+
+ Atelier Lorem Ispsum, Rennes, 23 septembre 2025 +
+
+
+
+ +
+
+ Atelier 2 Lorem Ispsum, Rennes, 23 septembre 2025 +
+
+
+ +
+
+ Atelier 3 Lorem Ispsum, Epinay, 23 septembre 2025 +
+
+
+ + + + + + + +