diff --git a/assets/css/style.css b/assets/css/style.css index 4dcaeaa2b0..ccaecbf0ad 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -444,7 +444,7 @@ main { } -.social-item .social-link:hover { color: var(--light-gray); } +.social-item .social-link:hover { color: var(--orange-yellow-crayola); } diff --git a/assets/js/script.js b/assets/js/script.js index 6439a82ccf..de86c52c0c 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -15,6 +15,13 @@ const sidebarBtn = document.querySelector("[data-sidebar-btn]"); sidebarBtn.addEventListener("click", function () { elementToggleFunc(sidebar); }); +// updating toggle logo button functionality (for mobile view) +const icon = document.getElementById("toggleIcon"); + +icon.addEventListener("click", () => { + const currentIcon = icon.getAttribute("name"); + icon.setAttribute("name", currentIcon === "chevron-down" ? "chevron-up" : "chevron-down"); +}) // testimonials variables const testimonialsItem = document.querySelectorAll("[data-testimonials-item]"); diff --git a/index.html b/index.html index efac5f0167..e90da31242 100644 --- a/index.html +++ b/index.html @@ -1,1201 +1,1248 @@ +
+ + + +