diff --git a/src/footer/Footer.tsx b/src/footer/Footer.tsx index fc8c726..833a158 100644 --- a/src/footer/Footer.tsx +++ b/src/footer/Footer.tsx @@ -97,18 +97,19 @@ export function Footer() {

Get in touch

@@ -127,10 +128,10 @@ export function Footer() {
{failed ? (
- Oops! Something went wrong. Try copying it manually šŸ„² + Oops! Something went wrong. Try copying it manually :/
) : copied ? ( -
Copied! šŸŽ‰
+
Copied!
) : null}
diff --git a/src/footer/footer.scss b/src/footer/footer.scss index 9bce686..ddb30ab 100644 --- a/src/footer/footer.scss +++ b/src/footer/footer.scss @@ -241,6 +241,11 @@ $img_size: 173px; position: relative; overflow: hidden; + &.copied, + &.failed { + cursor: unset; + } + .icon-wrap { transition: transform 0.25s ease; position: absolute; @@ -270,7 +275,19 @@ $img_size: 173px; cursor: unset; } - &:focus { + .icon { + transition: transform 0.25s ease; + } + + &:hover .icon { + transform: scale(1.1); + } + + &:active .icon { + transform: scale(0.9); + } + + &:focus-visible { outline: none; border-color: $primary; background: $primary; diff --git a/src/hero/Hero.tsx b/src/hero/Hero.tsx index 75677dc..ffc0d79 100644 --- a/src/hero/Hero.tsx +++ b/src/hero/Hero.tsx @@ -23,8 +23,8 @@ export function Hero() {

Iā€™m a curiosity-driven developer with over 8 years of experience. I've - spent most of that time focused on building web apps and UI, for the - last 5 years working primarily with React and Typescript.{" "} + spent most of that time focused on building web apps and sites, and for + the last 5 years I've worked primarily with React and Typescript.{" "} {showMore ? null : (