HELLO WORLD
Hello world
top of page
bottom of page
$(".carosel").slick({
infinite: true,
autoplay: true,
autoplaySpeed: 2000,
// this value should < total # of slides, otherwise the carousel won't slide at all
slidesToShow: 3,
slidesToScroll: 1,
speed: 2000,
autoplay: true,
dots: true,
arrows: true,
prevArrow: $(".carosel-nav-left"),
nextArrow: $(".carosel-nav-right")
});
// Inspiration - Frontend Mentor
// https://www.frontendmentor.io/challenges/myteam-multipage-website-mxlEauvW
const cardControllers = document.querySelectorAll("[data-card-controller]");
cardControllers.forEach(controller => {
controller.addEventListener("click", (e) => {
const card = e.currentTarget.parentElement.parentElement;
const isVisible = card.dataset.visible;
if (isVisible === "false") {
card.setAttribute("data-visible", true);
} else {
card.setAttribute("data-visible", false);
}
})
})