6d0b4e29d8
- drop headshot photo (coherence break vs. full terminal aesthetic) - replace FA icons with plain-text brackets ([github], [linkedin], [email]) - remove Font Awesome CDN dependency - nav logo tk → ~/; theme toggle fa-sun/fa-moon → [light]/[dark] - reorder home sections: projects before skills/journey - add font-mono + opacity-70 to timeline descriptions (#2 bug + #8 polish) - uniform opacity-70 across hero bio, project desc, timeline desc - add hover:bg-surface-raised to ProjectCard article - drop journey badge count (noise) - change status ● online → ● available
Tyler Koenig portfolio
Personal portfolio site. Live at lerkolabs.com — self-hosted.
Source: gitea.lerkolabs.com/lerko/portfolio
Stack: Next.js 16 · React 19 · TypeScript · Tailwind v4
Branches
dev— source code; pushing here updates lerkolabs.commaster— reserved for future GitHub mirror; don't touch manually
Commands
npm run dev # dev server at localhost:3000
npm run build # static export into out/
Deploy
git checkout dev && git merge <branch> && git push gitea dev
Push to dev triggers Gitea Actions (.gitea/workflows/deploy.yml):
- Builds the static site (
npm run build) - rsyncs
out/to the portfolio LXC - Rebuilds and restarts the Docker container serving lerkolabs.com
Project layout
src/
app/
layout.tsx # root layout, fonts, ThemeProvider
page.tsx # home: hero, skills, project cards
homelab/page.tsx # homelab page: VLANs, services, ADRs
archive/page.tsx # older projects grid
globals.css # full design system (Tailwind v4 CSS-first, all tokens here)
components/ # Nav, Footer, Hero, ThemeScript, etc.
context/
ThemeContext.tsx # dark mode provider + useTheme hook
data/
projects.ts # all projects, featured + archive split
services.ts # homelab services with categories
public/ # static assets copied into out/ on build
Tailwind v4 is CSS-first — no
tailwind.config.ts. All custom tokens live inglobals.cssunder@theme {}.