add hover effect to top cv links (#22)

This commit is contained in:
Troy 2025-01-11 13:37:14 +00:00 committed by GitHub
parent d548299b06
commit 5c16ec3440
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 245 additions and 220 deletions

View file

@ -22,14 +22,22 @@ import Prose from "@components/Prose.astro";
class="mt-4 flex flex-col items-start gap-2 text-lg text-tertiary md:flex-row"
>
<div class="flex animate-reveal items-center gap-2 opacity-0">
<Icon name="mdi:email" />
<Link href="mailto:hello@troylusty.com">
<p>hello@troylusty.com</p>
</Link>
<Icon name="mdi:web" />
<Link href="/">
<p>troylusty.com</p>
</Link>
<div
class="flex flex-row items-center gap-2 text-tertiary transition-colors hover:text-accent"
>
<Icon name="mdi:email" />
<Link href="mailto:hello@troylusty.com">
<p>hello@troylusty.com</p>
</Link>
</div>
<div
class="flex flex-row items-center gap-2 text-tertiary transition-colors hover:text-accent"
>
<Icon name="mdi:web" />
<Link href="/">
<p>troylusty.com</p>
</Link>
</div>
</div>
</div>
</div>