Updates to the readme

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!

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);
 

style.css

@@ -1,6 +1,7 @@
 body {
   margin: 0;
   font-family: Arial, sans-serif;
+  color: black;
   min-width: 768px;
 }