From efe7ebd38014519cf17f7778bdf68e65fd8d55c9 Mon Sep 17 00:00:00 2001 From: jme9 Date: Tue, 10 Dec 2024 22:59:12 -0800 Subject: [PATCH] Fixed asset errors --- images/Moon.png => Moon.png | Bin site.js | 12 ++++++------ style.css | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) rename images/Moon.png => Moon.png (100%) diff --git a/images/Moon.png b/Moon.png similarity index 100% rename from images/Moon.png rename to Moon.png diff --git a/site.js b/site.js index aaf9df6..f41af5c 100644 --- a/site.js +++ b/site.js @@ -19,13 +19,13 @@ document.addEventListener("DOMContentLoaded", () => { const parallaxlayer1 = document.querySelector(".layer-1"); const parallaxlayer2 = document.querySelector(".layer-2"); const parallaxlayer3 = document.querySelector(".layer-3"); - + const scrollY = window.scrollY; const aboutTop = aboutSection.getBoundingClientRect().top + scrollY; const contactTop = contactSection.getBoundingClientRect().top + scrollY; const sectionTop = creditsSection.offsetTop; const slowScrollRate = 0.5; - + if (scrollY < aboutTop) { const opacity1 = scrollY / aboutTop; titleBox.style.transform = `translateY(${scrollY * slowScrollRate}px)`; @@ -34,14 +34,15 @@ document.addEventListener("DOMContentLoaded", () => { titleBox.style.transform = "translateY(0)"; titleBox.style.opacity = 0; } - + if (scrollY > contactTop) { - const opacity2 = (scrollY - contactTop) / (document.body.scrollHeight - contactTop); + const opacity2 = + (scrollY - contactTop) / (document.body.scrollHeight - contactTop); navBar.style.opacity = Math.max(1 - opacity2, 0.5); } else { navBar.style.opacity = 1; } - + const relativeScrollY = sectionTop - scrollY; parallaxlayer1.style.transform = `translateY(${relativeScrollY * 0.2}px)`; parallaxlayer2.style.transform = `translateY(${relativeScrollY * 0.4}px)`; @@ -75,7 +76,6 @@ document.addEventListener("DOMContentLoaded", () => { loadTextFromFile("text/about.txt", ".about-paragraph"); loadTextFromFile("text/project1.txt", "#project1-paragraph"); loadTextFromFile("text/project2.txt", "#project2-paragraph"); - loadTextFromFile("text/project3.txt", "#project3-paragraph"); loadTextFromFile("text/airship.txt", "#airship-text"); loadTextFromFile("text/jama.txt", "#jama-text"); loadTextFromFile("text/intel.txt", "#intel-text"); diff --git a/style.css b/style.css index f4db0d5..58cac72 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,7 @@ body { margin: 0; font-family: Arial, sans-serif; - background-image: url("../images/Moon.png"); + background-image: url("../Moon.png"); background-size: cover; background-position: left; background-repeat: no-repeat;