z0x/blog.z0x.ca
Code Actions

chore: update

Browse source
This commit is contained in:
enscribe 2024-09-10 17:51:46 -07:00
parent 8fe228e243
commit 43e35a3f8b
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
54 changed files with 1013 additions and 496 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/components/Header.astro
View file

@ -7,27 +7,34 @@ const items = [
{ href: '/blog', label: 'blog' },
{ href: '/authors', label: 'authors' },
{ href: '/about', label: 'about' },
{ href: '/tags', label: 'tags' },
]
---
<header class="sticky top-0 z-10 bg-background/50 backdrop-blur-md" transition:persist>
<header
class="sticky top-0 z-10 bg-background/50 backdrop-blur-md"
transition:persist
>
<Container>
<div class="flex items-center justify-between py-4">
<Link href="/" class="text-xl font-semibold hover:text-primary transition-colors duration-300">
<Link
href="/"
class="text-xl font-semibold transition-colors duration-300 hover:text-primary"
>
{SITE.TITLE}
</Link>
<nav class="flex items-center gap-4 md:gap-6 text-sm">
{items.map((item, index) => (
<Fragment key={item.href}>
<Link
href={item.href}
class="transition-colors hover:text-foreground/80 text-foreground/60 capitalize"
>
{item.label}
</Link>
</Fragment>
))}
<nav class="flex items-center gap-4 text-sm sm:gap-6">
{
items.map((item, index) => (
<Fragment key={item.href}>
<Link
href={item.href}
class="capitalize text-foreground/60 transition-colors hover:text-foreground/80"
>
{item.label}
</Link>
</Fragment>
))
}
</nav>
</div>
</Container>