diff --git a/src/App.jsx b/src/App.jsx index 4fbc89d..2d35e52 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", + name: "Chamodya Ganegamage", title: "Web Designer & Content Creator", email: "alex@example.com", - gitHub: "microsoft", - instagram: "microsoft", - linkedIn: "satyanadella", + gitHub: "chamo7788", + instagram: "", + linkedIn: "Chamodya Ganegamage ", medium: "", - twitter: "microsoft", - youTube: "Code", + twitter: "", + youTube: "@SparkRevolution891", }; const primaryColor = "#4E567E"; diff --git a/src/styles.css b/src/styles.css index 999a174..3834b23 100644 --- a/src/styles.css +++ b/src/styles.css @@ -123,3 +123,19 @@ img.socialIcon { height: 30px; width: 30px; } +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); + } +}