From 00f9eea57a6ab58496695228e21b4ff7028aabe1 Mon Sep 17 00:00:00 2001 From: jme9 Date: Wed, 11 Dec 2024 14:48:53 -0800 Subject: [PATCH] Updates to the readme --- README.md | 22 +++++++++++++++++++++- site.js | 3 +-- style.css | 1 + 3 files changed, 23 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 22d2e9d..8c56667 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,22 @@ # Personal-Site-RVNWD -A website that highlights personal projects from Ravenwood Arts developer Jesse Ellis. Created as a final project for PSU's Inrtro to Web Development Fall 2024. + +A website that highlights personal projects from Ravenwood Arts developer Jesse Ellis. Created as a final project for PSU's Intro to Web Development Fall 2024. + +To view the deployed website go to: [My Personal Site](https://theravenwoodarts.github.io/Personal-Site-RVNWD/) + +This website uses [formspree](https://formspree.io/) to handle contact submissions. + +During development I used the following resources: + +- Course materials from Caterina Paun's Intro to Web Development PSU Fall 2024. +- [Elequent JavaScript](https://eloquentjavascript.net/) +- [W3 School for JavaScript](https://www.w3schools.com/js/default.asp) +- [W3 School JS Animations](https://www.w3schools.com/howto/howto_js_animate.asp) +- [Parallax Scrolling](https://www.youtube.com/watch?v=AjFc5rU5_Lw) +- [More Parallax Scrolling](https://www.youtube.com/watch?v=Dxm6EwvQIl8) +- [MDN Web docs](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame) +- [MDN Web docs - CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) +- [MDN Web docs - Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) +- ChatGPT for some troubleshooting questions (missing background, initial parallax background misalignment), intitial website texts and quick syntax questions. + +Thanks for checking out my website! diff --git a/site.js b/site.js index ff604b6..d786e94 100644 --- a/site.js +++ b/site.js @@ -15,14 +15,13 @@ document.addEventListener("DOMContentLoaded", () => { let startTime = null; function easeOutCubic(t) { - // Custom easing function for gradual slowdown return 1 - Math.pow(1 - t, 3); } function scrollAnimation(currentTime) { if (!startTime) startTime = currentTime; const timeElapsed = currentTime - startTime; - const progress = Math.min(timeElapsed / duration, 1); // Ensure progress doesn't exceed 1 + const progress = Math.min(timeElapsed / duration, 1); const easeProgress = easeOutCubic(progress); window.scrollTo(0, startPosition + distance * easeProgress); diff --git a/style.css b/style.css index d769d33..22f5edd 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,7 @@ body { margin: 0; font-family: Arial, sans-serif; + color: black; min-width: 768px; }