diff --git a/assets/css/src/_main.scss b/assets/css/src/_main.scss index 16ab1c9..62d216e 100644 --- a/assets/css/src/_main.scss +++ b/assets/css/src/_main.scss @@ -105,7 +105,7 @@ ul { } nav { - .filter-menu { + &.filter-menu { display: flex; opacity: 1; position: relative; diff --git a/assets/css/style.css b/assets/css/style.css index d463623..3d4a1c3 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -100,7 +100,7 @@ ul { cursor: pointer; } -nav .filter-menu { +nav.filter-menu { display: flex; opacity: 1; position: relative; @@ -109,7 +109,7 @@ nav .filter-menu { gap: calc(2 * var(--body-margin)); margin: calc(4 * var(--line-height-S)) 0 var(--line-height-S) 0; } -nav .filter-menu a { +nav.filter-menu a { text-decoration: none; } diff --git a/assets/js/project-slideshow.js b/assets/js/project-slideshow.js index 220304d..e69de29 100644 --- a/assets/js/project-slideshow.js +++ b/assets/js/project-slideshow.js @@ -1,25 +0,0 @@ -document.querySelectorAll(".project-slideshow").forEach((slideshow) => { - function goToNextSlide() { - const currentSlide = document.querySelector(".project-images .active"); - const slideToShow = currentSlide.nextElementSibling - ? currentSlide.nextElementSibling - : document.querySelector(".project-images img"); - - currentSlide.classList.toggle("active"); - slideToShow.classList.toggle("active"); - } - - const images = slideshow.querySelector(".project-images"); - const prevButton = slideshow.querySelector(".prev"); - const nextButton = slideshow.querySelector(".next"); - - nextButton.addEventListener("click", () => { - goToNextSlide(); - }); - - prevButton.addEventListener("click", () => { - currentIndex = - (currentIndex - 1 + images.children.length) % images.children.length; - goToPrevSlide(); - }); -});