1
1
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 19:23:02 +05:30

(feat): added address card on contact page with hover animation

This commit is contained in:
2023-12-12 21:39:16 +05:30
parent aa5d70355d
commit 7efeac3b4d
6 changed files with 68 additions and 19 deletions

View File

@@ -60,7 +60,7 @@ require 'core/query_functions.php';
</div>
</div>
<div class="aboutsection w-full flex flex-col justify-center items-center">
<div class="aboutcontainer relative w-full p-10 mx-3 mt-[10rem] mb-5 bg-bg_secondary rounded-lg">
<div class="hoverAnimatedContainer relative w-full p-10 mx-3 mt-[10rem] mb-5 bg-bg_secondary rounded-lg">
<h2 class="text-xl font-bold mb-3"><span class="text-accent_primary">About</span> Me</h2>
<p class="text-sm text-accent_four">Hey there! I'm Subhamoy, an 18-year-old tech enthusiast, Self-taught Full Stacked Web, Android Developer and UI/UX Designer. Crafting modern Websites and Android apps for more than 5 years. Delivering industry grade user experiences that are not only visually stunning but also intuitive. Coding is my passion, and I pour my heart and soul into every line of code I write and every pixel I place. The digital realm is my canvas, and I'm determined to leave a lasting impact. So, get ready to witness the extraordinary, redefined future of technology with me</p>
</div>
@@ -248,7 +248,7 @@ require 'core/query_functions.php';
target.style.setProperty("--mouse-y",`${y}px`);
}
for(const card of document.querySelectorAll(".aboutcontainer")){
for(const card of document.querySelectorAll(".hoverAnimatedContainer")){
card.onmousemove = e => handleOnMouseMove(e);
}
</script>