buyfakett/kazoottt-blog
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog.git synced 2025-06-23 02:31:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add category page

Browse Source
This commit is contained in:
KazooTTT
2024-07-21 22:29:07 +08:00
parent 3f502739d0
commit 50813b0c43
11 changed files with 320 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/layout/Header.astro
View File

@ -7,18 +7,42 @@
class='relative mx-auto flex w-full items-center justify-between sm:flex sm:items-center'
aria-label='global'
>
<a class='flex-none text-xl font-semibold' href='/' aria-label='Brand'>resume</a>
<a class='flex-none text-xl font-semibold' href='/' aria-label='Brand'>KazooTTT Blog</a>
<div class='flex flex-row items-center justify-center gap-x-5 sm:gap-x-7'>
<a
href='/blog'
class='flex-none text-[1.05rem] font-medium hover:text-foreground/75'
class={`
flex-none text-[1.05rem] font-medium hover:text-foreground/75
${Astro.url.pathname.startsWith('/blog') ? 'text-green-400' : ''}
`}
aria-label='Nav Menu Item'
>Blog
</a>
<a
href='/categories'
class={`
flex-none text-[1.05rem] font-medium hover:text-foreground/75
${Astro.url.pathname.startsWith('/categories') ? 'text-green-400' : ''}
`}
aria-label='Nav Menu Item'
>Categories
</a>
<a
href='/tags'
class={`
flex-none text-[1.05rem] font-medium hover:text-foreground/75
${Astro.url.pathname.startsWith('/tags') ? 'text-green-400' : ''}
`}
aria-label='Nav Menu Item'
>Tags
</a>
<a
href='/tools'
class='flex-none text-[1.05rem] font-medium hover:text-foreground/75'
class={`
flex-none text-[1.05rem] font-medium hover:text-foreground/75
${Astro.url.pathname.startsWith('/tools') ? 'text-green-400' : ''}
`}
aria-label='Nav Menu Item'
>Tools
</a>