Update

WinnieYuDev · WinnieYuDev · commit f01ea38f902d · 2025-09-17T22:03:05.000-04:00
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -3221,3 +3221,18 @@ input, select, textarea {
 			}
 
 	}
+
+	/*my edits*/
+	.back-to-top {
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    display: none; /* Hidden by default */
+    z-index: 999;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.back-to-top.show {
+    display: inline-block;
+    opacity: 1;
+}
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -114,4 +114,26 @@
 
 			});
 
-})(jQuery);
+})(jQuery);
+
+// Back to top button
+ document.addEventListener("DOMContentLoaded", function () {
+      const backToTopBtn = document.querySelector('.back-to-top');
+
+window.addEventListener('scroll', () => {
+    console.log('Scroll position:', window.scrollY);
+    if (window.scrollY > 300) {
+        backToTopBtn.classList.add('show');
+    } else {
+        backToTopBtn.classList.remove('show');
+    }
+});
+
+      backToTopBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        window.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      });
+    });
diff --git a/images/backtop.png b/images/backtop.png
diff --git a/index.html b/index.html
@@ -1,9 +1,4 @@
 <!DOCTYPE HTML>
-<!--
-	Strata by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--->
 <html>
 	<head>
 		<title>Strata by HTML5 UP</title>
@@ -76,7 +71,7 @@ <h3>Dairy Farm Business</h3>
 							</article>
 						</div>
 						<ul class="actions">
-							<li><a href="#" class="button">Full Portfolio</a></li>
+							<li><a href="https://github.com/WinnieYuDev/winnieyudev.github.io" class="button">Full Portfolio</a></li>
 						</ul>
 					</section>
 
@@ -102,7 +97,7 @@ <h2>Skills</h2>
 						<h2>Get In Touch</h2>
 						<p>If you'd like to get in touch, feel free to reach out via email or connect with me on social media.</p>
 						<ul class="actions">
-							<li><a href="#" class="button">Contact Me</a></li>
+							<li><a href="mailto:winnieyu.pro@gmail.com" class="button">Contact Me</a></li>
 						</ul>
 					</section>						
 
@@ -121,13 +116,19 @@ <h2>Get In Touch</h2>
 				</div>
 			</footer>
 
+		<!-- Back to Top -->
+			<a href="#" class="back-to-top"><img src="images/backtop.png" alt="Arrow pointing up" /></a>
+
 		<!-- Scripts -->
 			<script src="assets/js/jquery.min.js"></script>
 			<script src="assets/js/jquery.poptrox.min.js"></script>
 			<script src="assets/js/browser.min.js"></script>
 			<script src="assets/js/breakpoints.min.js"></script>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
-
 	</body>
-</html>
+</html>
+
+<!--
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
