Fixed asset errors

This commit is contained in:
jme9
2024-12-10 22:59:12 -08:00
parent fcc4d42902
commit efe7ebd380
3 changed files with 7 additions and 7 deletions
View File

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

+6 -6
View File
@@ -19,13 +19,13 @@ document.addEventListener("DOMContentLoaded", () => {
const parallaxlayer1 = document.querySelector(".layer-1"); const parallaxlayer1 = document.querySelector(".layer-1");
const parallaxlayer2 = document.querySelector(".layer-2"); const parallaxlayer2 = document.querySelector(".layer-2");
const parallaxlayer3 = document.querySelector(".layer-3"); const parallaxlayer3 = document.querySelector(".layer-3");
const scrollY = window.scrollY; const scrollY = window.scrollY;
const aboutTop = aboutSection.getBoundingClientRect().top + scrollY; const aboutTop = aboutSection.getBoundingClientRect().top + scrollY;
const contactTop = contactSection.getBoundingClientRect().top + scrollY; const contactTop = contactSection.getBoundingClientRect().top + scrollY;
const sectionTop = creditsSection.offsetTop; const sectionTop = creditsSection.offsetTop;
const slowScrollRate = 0.5; const slowScrollRate = 0.5;
if (scrollY < aboutTop) { if (scrollY < aboutTop) {
const opacity1 = scrollY / aboutTop; const opacity1 = scrollY / aboutTop;
titleBox.style.transform = `translateY(${scrollY * slowScrollRate}px)`; titleBox.style.transform = `translateY(${scrollY * slowScrollRate}px)`;
@@ -34,14 +34,15 @@ document.addEventListener("DOMContentLoaded", () => {
titleBox.style.transform = "translateY(0)"; titleBox.style.transform = "translateY(0)";
titleBox.style.opacity = 0; titleBox.style.opacity = 0;
} }
if (scrollY > contactTop) { 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); navBar.style.opacity = Math.max(1 - opacity2, 0.5);
} else { } else {
navBar.style.opacity = 1; navBar.style.opacity = 1;
} }
const relativeScrollY = sectionTop - scrollY; const relativeScrollY = sectionTop - scrollY;
parallaxlayer1.style.transform = `translateY(${relativeScrollY * 0.2}px)`; parallaxlayer1.style.transform = `translateY(${relativeScrollY * 0.2}px)`;
parallaxlayer2.style.transform = `translateY(${relativeScrollY * 0.4}px)`; parallaxlayer2.style.transform = `translateY(${relativeScrollY * 0.4}px)`;
@@ -75,7 +76,6 @@ document.addEventListener("DOMContentLoaded", () => {
loadTextFromFile("text/about.txt", ".about-paragraph"); loadTextFromFile("text/about.txt", ".about-paragraph");
loadTextFromFile("text/project1.txt", "#project1-paragraph"); loadTextFromFile("text/project1.txt", "#project1-paragraph");
loadTextFromFile("text/project2.txt", "#project2-paragraph"); loadTextFromFile("text/project2.txt", "#project2-paragraph");
loadTextFromFile("text/project3.txt", "#project3-paragraph");
loadTextFromFile("text/airship.txt", "#airship-text"); loadTextFromFile("text/airship.txt", "#airship-text");
loadTextFromFile("text/jama.txt", "#jama-text"); loadTextFromFile("text/jama.txt", "#jama-text");
loadTextFromFile("text/intel.txt", "#intel-text"); loadTextFromFile("text/intel.txt", "#intel-text");
+1 -1
View File
@@ -1,7 +1,7 @@
body { body {
margin: 0; margin: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-image: url("../images/Moon.png"); background-image: url("../Moon.png");
background-size: cover; background-size: cover;
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;