hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2025-06-07 05:44:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put navbar on bottom for mobile, carousel takes full width on mobile, double click for next carousel slide, slow project carousel

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2025-05-18 23:49:25 -04:00
parent ebb8568ca1
commit 3b02e5258c
3 changed files with 54 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
scripts/projects.js
View file

@ -119,6 +119,17 @@ document.querySelector(".carousel").addEventListener("click", (event) => {
}
});
document.querySelector(".carousel").addEventListener("dblclick", (event) => {
console.log("hi")
if (event.target.parentElement.parentElement.classList.contains("active")) {
if ((Date.now() - lastChange) < 500) return;
nextSlide();
resetCarouselLoop();
lastChange = Date.now();
}
});
function nextSlide() {
activeIndex = (activeIndex + 1) % items.length;
updateCarousel();
@ -130,10 +141,10 @@ function lastSlide() {
}
updateCarousel();
carouselLoop = setInterval(nextSlide, 2000);
carouselLoop = setInterval(nextSlide, 4000);
function resetCarouselLoop() {
lastChange = Date.now();
clearInterval(carouselLoop);
carouselLoop = setInterval(nextSlide, 2000);
carouselLoop = setInterval(nextSlide, 4000);
}