# jf-homepage

Portfolio & About-Seite für **Jerrit (jf)** — gebaut mit Vite, TypeScript, GSAP/ScrollTrigger und Lenis.

## Stack

- **Vite** — Dev-Server & Build
- **TypeScript** — Typsicherheit
- **GSAP + ScrollTrigger** — Scroll-Animationen, Reveals, Skill-Bars
- **Lenis** — Smooth Scrolling
- Reines CSS (Custom Properties, kein Framework)

## Features

- Animierter Hero (Intro-Timeline, Gradient-Background)
- Reveal-on-Scroll für alle Sektionen
- Skill-Bars mit Scroll-Trigger
- Custom Cursor + Scroll-Progress-Bar
- Fixe Nav mit Blur-on-Scroll
- Responsive (Desktop / Tablet / Mobile)
- `prefers-reduced-motion` respektiert

## Struktur

```
jf-homepage/
├── index.html          # Markup, Sektionen
├── src/
│   ├── style.css       # komplettes Styling
│   └── main.ts         # Animationen, Lenis, Cursor, Nav
├── package.json
└── tsconfig.json
```

## Local dev

```bash
npm install
npm run dev      # http://localhost:5173
```

## Build

```bash
npm run build    # tsc + vite build -> dist/
npm run preview  # dist/ lokal serven
```

## Deploy

Statisches `dist/` — hostbar auf jedem Static-Host (z. B. Gitea Pages, Netlify, Cloudflare Pages, nginx).

## Git / Gitea

- Remote: `git@git.jfritzsche.de:jf/jf-homepage.git`
- Branches: `main` (prod), `dev` (laufend), `feature/*`, `fix/*`
- Commits: Conventional Commits (`feat:`, `fix:`, `docs:`, `chore:`)
- CI/CD: aktuell keine Pipeline (statisches Hosting).

## ToDo / Ideen

- [ ] Echte Projekt-Cases statt Platzhalter
- [ ] Dark/Light-Toggle
- [ ] Gitea-Actions-Deploy zu Gitea Pages (optional)