z0x.ca/src/components/Links.astro
z0x 69e584cea6
All checks were successful
build dist / build-dist (push) Successful in 35s
feat(index): replace inline svg with lucide icons & make logo unselectable
2025-06-01 11:40:23 -04:00

47 lines
1.4 KiB
Text

---
import { Icon } from "astro-icon/components";
---
<ul class="flex gap-6">
<li class="opacity-0 motion-links group">
<a
aria-label="git"
href="https://git.z0x.ca?utm_source=z0x.ca"
target="_blank"
class="flex relative justify-center items-center w-12 transition aspect-square hover:text-muted-foreground"
>
<div
class="absolute inset-0 aspect-square h-12 bg-foreground/10 rounded-md"
>
</div>
<Icon name="lucide:github" />
</a>
</li>
<li class="opacity-0 motion-links group">
<a
aria-label="blog"
href="https://blog.z0x.ca?utm_source=z0x.ca"
target="_blank"
class="flex relative justify-center items-center w-12 transition aspect-square hover:text-muted-foreground"
>
<div
class="absolute inset-0 aspect-square h-12 bg-foreground/10 rounded-md"
>
</div>
<Icon name="lucide:library-big" />
</a>
</li>
<li class="opacity-0 motion-links group">
<a
aria-label="matrix"
href="https://matrix.to/#/@z0x:z0x.ca"
target="_blank"
class="flex relative justify-center items-center w-12 transition aspect-square hover:text-muted-foreground"
>
<div
class="absolute inset-0 aspect-square h-12 bg-foreground/10 rounded-md"
>
</div>
<Icon name="lucide:message-circle" />
</a>
</li>
</ul>