# 0012.de — Landing Page (Konzept)

Die Domain soll nicht leer bleiben, aber zum Projekt passen: **externer Beobachter**, nicht Marketing-Seite.

## Idee: „Status Beacon“

Eine minimalistische **Mission-Control-Oberfläche** — dunkel, monospace, ohne Tracking-Bloat.

### Tagline

> **0012** · external observer node  
> Watching from outside.

„0012“ als Name des Knotens (wie ein Kanal/Rufzeichen), nicht als Marketing-Marke.

### Inhalt (above the fold)

1. **Live-Status-Raster** — 12 Kacheln für die wichtigsten überwachten Endpoints (aus `MONITORING.md` Mindestliste):
   - schwenk.online, gitea, pics, medis, portainer, vfb.red, …
   - Farbe: grün / gelb (SSL < 14 Tage, Latenz hoch) / rot (down)
   - Letzter Check-Zeitstempel

2. **boka-Heartbeat** — „Last push from boka: 3 min ago“ oder „⚠ no signal > 15 min“

3. **Meta-Zeile** — „This node runs on wint.global · independent of boka (89.163.231.180)“

### Datenquelle

- Gleiche JSON-Datei oder SQLite, die `monitor.php` beim Cron-Lauf schreibt (`data/last-checks.json`)
- Landing Page liest nur diese Datei — **kein** Live-curl im Browser (Performance, Timeout)

### Design

- Hintergrund: sehr dunkles Grau (`#0d1117`)
- Akzent: Amber für Warnung, Grün `#3fb950`, Rot `#f85149` (GitHub-Dark-ähnlich)
- Schrift: system-ui oder `JetBrains Mono` via Google Fonts (ein Request)
- Kein JS-Framework — plain PHP + minimal CSS, eine Datei

### Optional (später)

- `/status.json` — öffentliche API für Uptime (read-only)
- RSS-Feed „incidents“ bei längeren Ausfällen
- Kleine „About“-Sektion: Link zu GitHub-Repo (wenn public)

### Was bewusst **nicht**

- Kein Blog, kein Portfolio — das ist Ops-Infrastruktur
- Keine Login-Fläche auf der Startseite
- Keine Details zu internen IPs/Ports (nur boka-Heartbeat als Text)

## Umsetzung

Siehe [`todo/06-site-0012-landing.md`](todo/06-site-0012-landing.md).