diff --git a/src/App.jsx b/src/App.jsx index 4fbc89d..3d188ac 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: "Robert Musau", + title: "Software Engineer", + email: "robsmusau@gmail.com", + gitHub: "https://github.com/robsmusau", + instagram: "", + linkedIn: "robert-musau", medium: "", - twitter: "microsoft", - youTube: "Code", + twitter: "robsmusau", + youTube: "", }; const primaryColor = "#4E567E"; diff --git a/src/styles.css b/src/styles.css index 999a174..dd0624d 100644 --- a/src/styles.css +++ b/src/styles.css @@ -123,3 +123,22 @@ 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% { + transform: scale(1); + } + 50% { + transform: scale(1.2); + } + 100% { + transform: scale(1); + } +}