Jan Wagner
ef0f4fbc82
Privates Portfolio von eldov (Jan Wagner). Next.js 16 / React 19 / Tailwind 4 /
SQLite. Eigenes Dark-/Terminal-Theme (Magenta+Grün-Akzente, ASCII-Boxen).
Public Routes (DE default, /en für Englisch):
- /, /ueber-mich, /projekte, /projekte/[slug], /kontakt, /impressum, /datenschutz
- Sitemap, robots, OG, JSON-LD
Admin (HMAC-Single-User, HttpOnly-Cookie):
- /admin/login, /admin/dashboard, /admin/profile, /admin/projects (CRUD)
- API: /api/admin/{login,logout,session,profile,projects,projects/[slug]}
Initial-Seed: Hermes, Casino-Bot, Polymarket-Trader, QuantMuse, Crypto-/Trade-Bot,
TS6-Bot, Freewarez-Landingpage, Minecraft-Portal, OSS-Themes, AI-Subscription-Manager,
LAMP-Link-Themes, Android. KEIN Batchmaker/W-Make (das gehört zu w-make.com).
Stack:
- better-sqlite3 mit Schema-Migration + idempotentem Seed
- HMAC-signiertes Session-Cookie mit timingSafeEqual
- Rate-Limit für /api/admin/login
- Docker + deploy-vps.sh analog w-make-com → free-warez.top
51 lines
924 B
CSS
51 lines
924 B
CSS
@import "tailwindcss";
|
|
@import "./theme.css";
|
|
|
|
@layer base {
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg);
|
|
color: var(--fg);
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
/* Sichtbare Caret-Animation auf Fokus, damit Tastaturbenutzer sofort sehen, wo sie sind */
|
|
:focus-visible {
|
|
outline: 2px solid var(--accent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Selektion in Akzentfarbe */
|
|
::selection {
|
|
background: color-mix(in oklab, var(--accent) 30%, transparent);
|
|
color: var(--fg);
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-accent {
|
|
color: var(--accent);
|
|
}
|
|
.bg-accent {
|
|
background-color: var(--accent);
|
|
}
|
|
.border-accent {
|
|
border-color: var(--accent);
|
|
}
|
|
.text-muted {
|
|
color: var(--muted);
|
|
}
|
|
.bg-panel {
|
|
background-color: var(--panel);
|
|
}
|
|
.border-hairline {
|
|
border-color: var(--hairline);
|
|
}
|
|
.font-mono {
|
|
font-family: var(--font-mono);
|
|
}
|
|
}
|