diff --git a/assets/css/src/_home.scss b/assets/css/src/_home.scss index 6444270..27cb8fe 100644 --- a/assets/css/src/_home.scss +++ b/assets/css/src/_home.scss @@ -5,7 +5,7 @@ width: 100%; height: 100%; - picture, video { + .slide { display: none; width: 100%; height: 100%; @@ -13,9 +13,25 @@ &.active { display: block; } + + &.portrait-pair.active { + display: flex; + } + + > picture, + > video { + width: 100%; + height: 100%; + } + + &.portrait-pair > picture { + width: 50%; + height: 100%; + } } - img, video { + img, + video { width: 100%; height: 100%; object-fit: cover; diff --git a/assets/css/src/_main.scss b/assets/css/src/_main.scss index b07a64e..bfb7059 100644 --- a/assets/css/src/_main.scss +++ b/assets/css/src/_main.scss @@ -171,10 +171,6 @@ button.next { vertical-align: bottom; } -.project-slideshow img:not(.active) { - display: none; -} - /* PROJECT TOGGLE */ .fix { diff --git a/assets/css/style.css b/assets/css/style.css index 3d4a1c3..a59279a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -164,10 +164,6 @@ button.next { vertical-align: bottom; } -.project-slideshow img:not(.active) { - display: none; -} - /* PROJECT TOGGLE */ .fix { width: 100%; @@ -292,46 +288,6 @@ button.next { display: block; } -/* HOME SLIDESHOW */ -#home-slideshow { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -#home-slideshow img { - display: none; - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; -} - -#home-slideshow img:first-child { - display: block; -} - -/* HOME */ -.main-infos { - width: calc(0.75 * var(--index-width)); - position: relative; - float: left; -} - -.skills { - width: calc(0.5 * var(--index-width)); - position: relative; - float: left; -} - -.clients { - width: calc(0.5 * var(--index-width)); - position: relative; - float: left; -} - /* INFOS */ [data-template=infos] div { padding-right: var(--body-margin); @@ -476,6 +432,58 @@ nav.main-menu:hover { color: var(--text-color); } +#home-slideshow { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#home-slideshow .slide { + display: none; + width: 100%; + height: 100%; +} +#home-slideshow .slide.active { + display: block; +} +#home-slideshow .slide.portrait-pair.active { + display: flex; +} +#home-slideshow .slide > picture, +#home-slideshow .slide > video { + width: 100%; + height: 100%; +} +#home-slideshow .slide.portrait-pair > picture { + width: 50%; + height: 100%; +} +#home-slideshow img, +#home-slideshow video { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +#home-slideshow .main-infos { + width: calc(0.75 * var(--index-width)); + position: relative; + float: left; +} + +.skills { + width: calc(0.5 * var(--index-width)); + position: relative; + float: left; +} + +.clients { + width: calc(0.5 * var(--index-width)); + position: relative; + float: left; +} + @media screen and (max-width: 1000px) { body { background-color: red; diff --git a/assets/css/style.css.map b/assets/css/style.css.map index a867d31..c89ef3c 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_main.scss","src/_reset.scss","style.css","src/_nav.scss","src/_home.scss","src/_mobile.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/js/home-slideshow.js b/assets/js/home-slideshow.js index 1604aa5..42428a3 100644 --- a/assets/js/home-slideshow.js +++ b/assets/js/home-slideshow.js @@ -1,7 +1,7 @@ const slideshow = document.getElementById('home-slideshow'); if (slideshow) { - const items = [...slideshow.querySelectorAll('picture, video')]; + const items = [...slideshow.querySelectorAll('.slide')]; const prev = slideshow.querySelector('.prev'); const next = slideshow.querySelector('.next'); let current = 0; diff --git a/memory/MEMORY.md b/memory/MEMORY.md new file mode 100644 index 0000000..a1a673f --- /dev/null +++ b/memory/MEMORY.md @@ -0,0 +1,3 @@ +# Memory Index + +- [SCSS compile](feedback_scss_compile.md) — ne pas compiler le SCSS, l'utilisateur s'en occupe diff --git a/memory/feedback_scss_compile.md b/memory/feedback_scss_compile.md new file mode 100644 index 0000000..af1648b --- /dev/null +++ b/memory/feedback_scss_compile.md @@ -0,0 +1,12 @@ +--- +name: feedback-scss-compile +description: User compiles SCSS themselves — do not run sass compiler +metadata: + type: feedback +--- + +Ne pas compiler le SCSS. L'utilisateur s'en occupe lui-même. + +**Why:** Workflow personnel, pas de npm/build tool dans le projet. + +**How to apply:** Modifier uniquement les fichiers `.scss` source (dans `assets/css/src/`), jamais toucher `style.css` ni `style.css.map`. Ne pas proposer ou exécuter de commande de compilation. diff --git a/site/templates/home.php b/site/templates/home.php index 5d96d1b..5433446 100644 --- a/site/templates/home.php +++ b/site/templates/home.php @@ -1,20 +1,40 @@