diff --git a/src/App.jsx b/src/App.jsx index 4fbc89d..d820717 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -24,15 +24,15 @@ 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", - gitHub: "microsoft", - instagram: "microsoft", - linkedIn: "satyanadella", + name: "Simeon Kanani", + title: "Cloud Solution Architect", + email: "simeonkanani@gmail.com", + gitHub: "simeonkanani", + instagram: "m0ywaywa", + linkedIn: "simeon-kanani-b42761124", medium: "", - twitter: "microsoft", - youTube: "Code", + twitter: "m0ywaywa", + youTube: "techmoys", }; const primaryColor = "#4E567E"; diff --git a/src/styles.css b/src/styles.css index 999a174..d85855b 100644 --- a/src/styles.css +++ b/src/styles.css @@ -123,3 +123,21 @@ img.socialIcon { height: 30px; width: 30px; } + +/* add an amazing animation to the social icons */ +img.socialIcon:hover { + animation: bounce 0.5s; + animation-iteration-count: infinite; +} +@keyframes bounce { + 0%, + 100% { + transform: scale(1); + } + 50% { + transform: scale(1.2); + } + 100% { + transform: scale(1); + } +} \ No newline at end of file