fiatcode/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

new site style (#1)

Browse source 
* 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
This commit is contained in:
fiatcode 2026-02-17 18:25:45 +07:00
parent bfb12ded11
commit 8d615bd421
37 changed files with 522 additions and 240 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/Header.astro
View file

@ -1,19 +1,27 @@
---
import NavLink from "@/components/NavLink.astro";
import Link from "@/components/Link.astro";
---
<header class="w-full">
<nav class="flex flex-row justify-between" aria-label="Main navigation">
<div class="flex gap-2 items-center">
<a href="/" aria-label="Home">
<p class="text-2xl font-semibold">#!</p>
</a>
{/* <ThemeToggle /> */}
</div>
<div class="flex gap-6 items-center justify-end">
<NavLink href="/posts" ariaLabel="Posts">Posts</NavLink>
<NavLink href="/tags" ariaLabel="Tags">Tags</NavLink>
<NavLink href="/search" ariaLabel="Search">Search</NavLink>
</div>
<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>