Design system

KineTex

Designsystemet bakom sajten — renderat live från samma kinetex.css som allt annat. Inga bilder, inga kopior: det du ser här är exakt vad komponenterna gör i produktion.

Färg

Bakgrund

--bg

Yta

--surface

Insänkt yta

--surface-inset

Ram

--border-strong

Text

--text

Dämpad text

--text-muted

Accent

--accent

Accent (text)

--accent-text

Fel

--danger

Typografi

Rubrik 1 — Sora

Jag bygger mina egna system

Rubrik 2 — Sora

Självhostad infrastruktur

Rubrik 3 — Sora

Från nginx-konfig till pixlar

Brödtext — Inter

Ren PHP utan ramverk, strikta typer, PDO med parametriserade frågor och XSS-tvätt på all utdata.

Knappar & kontroller

Badge PHP 8 ▲ +12%

Textfält Textyta

Diagram

Byggd på

Infrastrukturen bakom sajten

Allt körs på egen hårdvara. Den här sidan levereras av en PHP-process bakom nginx, med en subdomän som sattes upp automatiskt.

Debian / Linux

Egen hårdvara, egen drift. Endast öppen källkod.

nginx 1.24

Reverse proxy, TLS-terminering, per-subdomän-vhosts.

PHP 8.4

Byggd-in-server bakom systemd (härdad unit, 4 workers).

MariaDB

Egen databas per app, PDO prepared statements.

Let's Encrypt

Automatisk cert-utfärdning och förnyelse via certbot.

WireGuard

Privat nät för admin-gränssnitt, aldrig exponerat publikt.

Egen subdomän-provisionering

API som skapar DNS + nginx + cert för en ny subdomän i ett anrop.