From c4c2aa969f64362dcfb410659e2bad3f07e8e479 Mon Sep 17 00:00:00 2001 From: Asharee Peters <141272222+Asharee@users.noreply.github.com> Date: Wed, 6 May 2026 17:41:59 -0500 Subject: [PATCH 1/5] Update modal-scroll.html --- html/modal-scroll.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/html/modal-scroll.html b/html/modal-scroll.html index 7c42e77..353c999 100644 --- a/html/modal-scroll.html +++ b/html/modal-scroll.html @@ -188,6 +188,7 @@

Stay in touch!

}; }; + window.addEventListener('scroll', scrollEvent); modal.addEventListener("click", closeModal); @@ -196,4 +197,4 @@

Stay in touch!

- \ No newline at end of file + From 69ebdf414ce8dba40f6b1a1fd09d09cde475b972 Mon Sep 17 00:00:00 2001 From: Asharee Peters <141272222+Asharee@users.noreply.github.com> Date: Wed, 6 May 2026 17:44:02 -0500 Subject: [PATCH 2/5] Update modal.html --- html/modal.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/html/modal.html b/html/modal.html index 8c71926..09dfad2 100644 --- a/html/modal.html +++ b/html/modal.html @@ -147,7 +147,7 @@

Stay in touch!

modal.classList.add("hidden"); overlay.classList.add("hidden"); }; - + closeModalBtn.addEventListener("click", closeModal); overlay.addEventListener("click", closeModal); From 9de36e061692cd1baad95d2ca74af4d57b73f28a Mon Sep 17 00:00:00 2001 From: Asharee Peters <141272222+Asharee@users.noreply.github.com> Date: Wed, 13 May 2026 12:09:36 -0500 Subject: [PATCH 3/5] Update modal-scroll.html --- html/modal-scroll.html | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/html/modal-scroll.html b/html/modal-scroll.html index 353c999..ea95a5b 100644 --- a/html/modal-scroll.html +++ b/html/modal-scroll.html @@ -146,9 +146,7 @@

Stay in touch!

Subscribe to my newsletter.

- - -= +

@@ -175,15 +173,9 @@

Stay in touch!

window.removeEventListener("scroll", scrollEvent)}; scrollEvent = function() { - // Calculate how far we've scrolled const scrolled = window.scrollY; - - // Calculate the total height of the page const totalHeight = document.body.scrollHeight; - - // Check if we're near the bottom (within 200px) if (scrolled + window.innerHeight >= totalHeight - 200) { - // Load more content openModal(); }; }; @@ -191,7 +183,7 @@

Stay in touch!

window.addEventListener('scroll', scrollEvent); - modal.addEventListener("click", closeModal); + closeModalBtn.addEventListener("click", closeModal); overlay.addEventListener("click", closeModal); From 3441ee6cffd4f9c646e524f0162bf291a9ddbfc8 Mon Sep 17 00:00:00 2001 From: Asharee Peters <141272222+Asharee@users.noreply.github.com> Date: Wed, 20 May 2026 16:22:59 -0500 Subject: [PATCH 4/5] Update modal-scroll.html added placeholder text and images --- html/modal-scroll.html | 130 ++++++++++++++++++++++++++++++++++++++--- 1 file changed, 122 insertions(+), 8 deletions(-) diff --git a/html/modal-scroll.html b/html/modal-scroll.html index ea95a5b..284edfb 100644 --- a/html/modal-scroll.html +++ b/html/modal-scroll.html @@ -127,14 +127,128 @@