Add files via upload

index.html

@@ -58,7 +58,7 @@
 				<li><a href="#spinnerloader" id="menu-link">Spinner Loader</a></li>
 				<li><a href="#textloader" id="menu-link">Text Loader</a></li>
 				<li><a href="#animatedbutton" id="menu-link">Animated Button</a></li>
-				<li><a href="#typewritereffect" id="menu-link">Typewriter</a></li>
+				<li><a href="#typewritereffect" id="menu-link">Typewriter Effect</a></li>
 				<li><a href="#mousefollow" id="menu-link">Mouse Follow</a></li>
 			</ul>
 		</div>
@@ -149,7 +149,7 @@ <h5><ul class="inner-links">
 		<div class="entry">
 			<div class="entry__meta">
 				<h6>Motion<span></span>#4</h6>
-				<h4>Typewriter</h4>
+				<h4>Typewriter Effect</h4>
 				<h5><ul class="inner-links">
 					<li><a href="#top">Top <i class="fa-solid fa-arrow-turn-up"></i></a></li>
 				</ul>
@@ -167,7 +167,7 @@ <h4>Making web motions with
 		<div class="entry">
 			<div class="entry__meta">
 				<h6>Motion<span></span>#5</h6>
-				<h4>Mouse follow</h4><br>
+				<h4>Mouse Follow</h4><br>
 				<h5><ul class="inner-links">
 					<li><a href="#top">Top <i class="fa-solid fa-arrow-turn-up"></i></a></li>
 				</ul>

script.js

@@ -155,6 +155,7 @@ const activateMagnet = (event) => {
     /*
     dngr.innerHTML = 'cursorX ' + event.clientX + '<br>boxleft: ' + Math.ceil(boundBox.left) + '<br>cursorInsideButton: ' + Math.ceil(event.clientX - boundBox.left) + '<br>relativeToTotalWidth: ' + ((event.clientX - boundBox.left)/magnet.offsetWidth).toFixed(2) + '<br>shifted: ' + ((event.clientX - boundBox.left)/magnet.offsetWidth - 0.5).toFixed(2)
     */
+
     //move button to its new position
     gsap.to(magnet, {
         duration: 1,
@@ -172,9 +173,8 @@ const activateMagnet = (event) => {
         ease: Power4.easeOut
 
     })
-
-
 }
+
 //mouse leave stuff
 const resetMagnet = (event) => {
     //move button to its default position