mirror of
https://git.aramjonghu.dev/AramJonghu/aramjonghu-site.git
synced 2026-09-07 07:43:31 +02:00
chore(README): updated README to fit changes
This commit is contained in:
@@ -8,35 +8,38 @@ This site is not just a portfolio — it acts as an entry point into a larger ec
|
|||||||
|
|
||||||
## Overview
|
## Overview
|
||||||
|
|
||||||
The site is divided into three conceptual layers:
|
The site is divided into two conceptual layers:
|
||||||
|
|
||||||
### 1. Home
|
### 1. Tabs (Home)
|
||||||
|
|
||||||
The homepage provides a high-level overview of who I am and what I work on.
|
The homepage provides tabs for three sections:
|
||||||
It highlights selected projects and core skills, without listing everything.
|
|
||||||
|
- **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
|
### 2. Header
|
||||||
|
|
||||||
The header serves as a navigation layer into my self-hosted infrastructure.
|
The header serves as a navigation layer into my self-hosted infrastructure. Each entry links to a running instance.
|
||||||
Each entry links to a running instance.
|
|
||||||
|
|
||||||
- Nextcloud — file storage and synchronization
|
- Nextcloud — file storage and synchronization
|
||||||
- Navidrome — personal music streaming
|
- Navidrome — personal music streaming
|
||||||
- Forgejo — Git hosting and development platform
|
- Forgejo Git — Git hosting and development platform
|
||||||
- OmniSearch — privacy-focused search engine
|
- Stream — live media platform powered by MediaMTX (internal route)
|
||||||
- Stream service — live media platform powered by MediaMTX
|
- Omnisearch — privacy-focused search engine
|
||||||
- Friend’s Gitea instance — external development collaboration
|
- Gitea zach-dev — external development collaboration
|
||||||
|
|
||||||
These services are part of my personal infrastructure and exist outside the portfolio itself.
|
## Stack
|
||||||
|
|
||||||
### 3. Pages
|
| Layer | Choice | Notes |
|
||||||
|
| --------- | ---------------------------- | ----------------------------------------- |
|
||||||
Dedicated pages for deeper content:
|
| Language | TypeScript / React 19 | Vite 8 + rolldown |
|
||||||
|
| CSS | TailwindCSS v4 | Catppuccin macchiato/latte |
|
||||||
- Projects — selected work and builds
|
| Markdown | react-markdown v10 | remark-gfm, rehype-raw, rehype-sanitize |
|
||||||
- Systems — architecture and self-hosted infrastructure overview
|
| Syntax HL | Shiki v4 | Catppuccin themes, CSS variable switching |
|
||||||
- About — personal background and context
|
| Font | Inter (self-hosted, 4 WOFF2) | no Google Fonts |
|
||||||
- CV — formal resume (if applicable)
|
| Theme | Catppuccin macchiato/latte | JS toggle, persisted to localStorage |
|
||||||
|
| Git host | Forgejo (self-hosted) | git.aramjonghu.dev |
|
||||||
|
|
||||||
## Philosophy
|
## Philosophy
|
||||||
|
|
||||||
@@ -51,19 +54,21 @@ Instead of a traditional portfolio, it focuses on:
|
|||||||
|
|
||||||
It evolves alongside my personal development and technical interests.
|
It evolves alongside my personal development and technical interests.
|
||||||
|
|
||||||
## Stack
|
## Project layout
|
||||||
|
|
||||||
- React
|
```
|
||||||
- Vite
|
├── public/ favicon
|
||||||
- Tailwind CSS
|
├── src/
|
||||||
- Catppuccin theme
|
│ ├── assets/ images, fonts, logo
|
||||||
- Self-hosted backend services (Forgejo, Nextcloud, etc.)
|
│ ├── components/ MdProcessor, Header, Layout, ProjectInfo, ...
|
||||||
|
│ ├── content/ about.md, current-activity.md, projects.json
|
||||||
## Status
|
│ ├── hooks/ useTheme
|
||||||
|
│ ├── pages/ Home
|
||||||
This site is continuously evolving and serves as both a portfolio and experimental environment.
|
│ └── utils/ theme, highlighter
|
||||||
|
├── index.html
|
||||||
Expect structural changes as systems grow.
|
├── package.json
|
||||||
|
└── LICENSE
|
||||||
|
```
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user