ASPEKT

Photos from

ASP:ƐKT COMMUNITY PHOTO SESSION x BELGRAVE HARRIERS

please ensure to tag photographers and @asp.ekt.co #aspekt

document.addEventListener("DOMContentLoaded", function() { // Create a logo image element var logoImg = document.createElement("img"); // Set the source of the image logoImg.src = "https://static1.squarespace.com/static/5e4e47ce9bf2bf37590e40d2/t/65cda73b2cf50935b65e75b8/1707976507765/aspectLogo+web.png"; logoImg.alt = "Logo"; // Alt text for accessibility logoImg.id = "custom-logo"; // Assign an ID for styling // Append the image to the body document.body.appendChild(logoImg); // Get the gallery container var galleryContainer = document.getElementById("collection-65ccb04310e1515abbde9c07"); // Add scroll event listener window.addEventListener("scroll", function() { var scrollPosition = window.pageYOffset || document.documentElement.scrollTop; // Calculate the maximum scroll position until the logo reaches the footer var maxScroll = galleryContainer.offsetTop + galleryContainer.offsetHeight - window.innerHeight; // Calculate the position of the logo relative to the gallery container var logoPosition = scrollPosition - galleryContainer.offsetTop; // If the logo is within the gallery container if (scrollPosition <= maxScroll) { logoImg.style.position = "absolute"; logoImg.style.top = logoPosition + "px"; } else { logoImg.style.position = "fixed"; logoImg.style.top = maxScroll + "px"; } }); });