site/src/components/Header.astro
fiatcode 8d615bd421 new site style (#1)
* initial phase

* remove pagefind

* phase 2

* restyle blog post pages, markdown rendering, pagination, and social link components.

* use dark-plus theme for markdown code

* update base layout and header components, and update the remote deployment directory

* use expressive code for code styling

* adjust inline code style

* format code

* re-add pagefind

* add sidebar with dev qotd

* add sidebar component with dynamic quote fetching and caching

* add Docker setup with Dockerfile, docker-compose, and dockerignore for the Astro site

* integrate Docker Compose with Traefik proxy and remove the legacy PowerShell deployment script
2026-02-17 18:25:45 +07:00

27 lines
877 B
Text

---
import Link from "@/components/Link.astro";
---
<header class="w-full p-6">
<nav aria-label="Main navigation">
<ul class="flex flex-wrap gap-4 items-center">
<li>
<a
href="/"
aria-label="Home"
class="flex before:content-['['] after:content-[']_#'] p-1 bg-green-600 text-neutral-800 hover:bg-green-500 transition-colors"
>dhemasnurjaya</a
>
</li>
<li class="flex before:content-['./'] before:text-neutral-500">
<Link href="/posts" ariaLabel="Posts">posts</Link>
</li>
<li class="flex before:content-['./'] before:text-neutral-500">
<Link href="/tags" ariaLabel="Tags">tags</Link>
</li>
<li class="flex before:content-['./'] before:text-neutral-500">
<Link href="/search" ariaLabel="Search">search</Link>
</li>
</ul>
</nav>
</header>