lerko
32455bf7a7
Replace monospace-terminal aesthetic with clean reader layout. System sans-serif default, typeface picker (sans/serif/mono) with per-face optical tuning. Warm color palettes (slate dark, bone light), crafted link underlines, WCAG AA contrast on all text tiers. Semantic HTML throughout: proper heading hierarchy, <time> elements, role=group, <dl>/<table>/<article> where appropriate. Net -140 lines.
Tyler Koenig portfolio
Personal portfolio site. Live at lerkolabs.com — self-hosted.
Source: gitea.lerkolabs.com/lerko/portfolio
Stack: Astro 5 · 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:4321
npm run build # static export into out/
npm run preview # preview production build
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/
layouts/
Base.astro # root layout, fonts, theme script, nav/footer
pages/
index.astro # home: hero, timeline
projects.astro # featured + archive projects
homelab.astro # VLANs, services, ADRs
archive.astro # redirect to /projects/
components/ # Nav, Footer, Hero, Timeline, Widget, ProjectCard, Skills
data/
projects.ts # all projects, featured + archive split
services.ts # homelab services with categories
timeline.ts # career/project timeline
styles/
globals.css # full design system (Tailwind v4 CSS-first, all tokens here)
public/
fonts/ # self-hosted Source Code Pro woff2
Tailwind v4 is CSS-first — no
tailwind.config.ts. All custom tokens live inglobals.cssunder@theme {}.