troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

add hover effect to top cv links (#22)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Link.astro
View file

@ -10,11 +10,6 @@ interface Props extends HTMLAttributes<"a"> {
const { href, external = true, ...rest } = Astro.props;
---
<a
href={href}
rel={external ? "noopener nofollow noreferrer" : ""}
target={external ? "_blank" : "_self"}
{...rest}
>
<a href={href} target={external ? "_blank" : "_self"} {...rest}>
<slot />
</a>

24
src/pages/cv.astro
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>