From e3412ff908bd861c999e5b7c526facb73622c989 Mon Sep 17 00:00:00 2001 From: SachinT-K <75876472+SachinT-K@users.noreply.github.com> Date: Tue, 16 Sep 2025 07:41:25 +0000 Subject: [PATCH 1/2] Update siteProps with personal information and enhance social icon styles --- src/App.jsx | 10 +++++----- src/styles.css | 16 ++++++++++++++++ 2 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 4fbc89d..bd62c65 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -24,12 +24,12 @@ import "./styles.css"; * If you don't have one of the social sites listed, leave it as an empty string. */ const siteProps = { - name: "Alexandrie Grenier", - title: "Web Designer & Content Creator", - email: "alex@example.com", + name: "Sachin T K", + title: "Full Stack Web Developer", + email: "sachintk97@gmail.com", gitHub: "microsoft", - instagram: "microsoft", - linkedIn: "satyanadella", + instagram: "mr.sa_chinn", + linkedIn: "sachin-t-k", medium: "", twitter: "microsoft", youTube: "Code", diff --git a/src/styles.css b/src/styles.css index 999a174..ffb5f58 100644 --- a/src/styles.css +++ b/src/styles.css @@ -122,4 +122,20 @@ a:hover { img.socialIcon { height: 30px; width: 30px; + transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s cubic-bezier(0.23, 1, 0.32, 1); + will-change: transform, box-shadow; + box-shadow: 0 2px 8px rgba(0,0,0,0.08); +} + +img.socialIcon:hover { + transform: scale(1.25) rotate(-8deg); + box-shadow: 0 8px 24px rgba(80, 80, 255, 0.25), 0 1.5px 8px rgba(0,0,0,0.12); + filter: brightness(1.15) drop-shadow(0 0 6px #4e567e); + z-index: 2; +} + +img.socialIcon:active { + transform: scale(0.95) rotate(2deg); + box-shadow: 0 2px 8px rgba(80, 80, 255, 0.18); + filter: brightness(0.95); } From 6e76a8616f37a5f0b810aceab920c497190708d4 Mon Sep 17 00:00:00 2001 From: SachinT-K <75876472+SachinT-K@users.noreply.github.com> Date: Tue, 16 Sep 2025 07:44:55 +0000 Subject: [PATCH 2/2] Update GitHub username in siteProps --- src/App.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.jsx b/src/App.jsx index bd62c65..4fa1f37 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -27,7 +27,7 @@ const siteProps = { name: "Sachin T K", title: "Full Stack Web Developer", email: "sachintk97@gmail.com", - gitHub: "microsoft", + gitHub: "SachinT-K", instagram: "mr.sa_chinn", linkedIn: "sachin-t-k", medium: "",