Projects — fetches and renders READMEs from self-hosted Forgejo repositories via raw URL
Current-activity — language learning progress and active work
About — personal background, philosophy, and Q&A

2. Header

The header serves as a navigation layer into my self-hosted infrastructure. Each entry links to a running instance.

Nextcloud — file storage and synchronization
Navidrome — personal music streaming
Forgejo Git — Git hosting and development platform
Stream — live media platform powered by MediaMTX (internal route)
Omnisearch — privacy-focused search engine
Gitea zach-dev — external development collaboration

Stack

Layer	Choice	Notes
Language	TypeScript / React 19	Vite 8 + rolldown
CSS	TailwindCSS v4	Catppuccin macchiato/latte
Markdown	react-markdown v10	remark-gfm, rehype-raw, rehype-sanitize
Syntax HL	Shiki v4	Catppuccin themes, CSS variable switching
Font	Inter (self-hosted, 4 WOFF2)	no Google Fonts
Theme	Catppuccin macchiato/latte	JS toggle, persisted to localStorage
Git host	Forgejo (self-hosted)	git.aramjonghu.dev

Philosophy

This site is intentionally minimal and system-oriented.

Instead of a traditional portfolio, it focuses on:

self-hosted infrastructure
modular services
curated project visibility
long-term experimentation

It evolves alongside my personal development and technical interests.

Project layout

├── public/               favicon
├── src/
│   ├── assets/           images, fonts, logo
│   ├── components/       MdProcessor, Header, Layout, ProjectInfo, ...
│   ├── content/          about.md, current-activity.md, projects.json
│   ├── hooks/            useTheme
│   ├── pages/            Home
│   └── utils/            theme, highlighter
├── index.html
├── package.json
└── LICENSE

License

BSD 3-Clause. See LICENSE.