Files

Kroonk a1a170c1da Add Docker setup for containerized deployment

- Dockerfile with nginx:alpine for minimal image size
- docker-compose.yml with container name "mischlabs" on port 8085
- nginx.conf with static asset caching and security headers
- Updated Brain.md with deployment documentation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-04-12 22:06:00 +02:00

3.0 KiB

Raw Blame History

Brain.md - Projekt mischlabs.de Landing Page

Projektziel

Eine ansprechende Landing Page fuer mischlabs.de, die alle Dienste als Kacheln mit direkten Verlinkungen anzeigt. Laeuft als Docker-Container und wird ueber Git auto-deployed.

Status

Git-Repo initialisiert und Remote verbunden (https://git.mischlabs.de/MrDiderot/mischlabs.git)
Dienste-Liste vom Screenshot erfasst (8 Services)
Landing Page Design und Implementierung (index.html + style.css)
Docker-Setup (Dockerfile, docker-compose.yml, nginx.conf)
Erster Push zum Remote

Dienste-Uebersicht (8 Stueck)

#	Subdomain	Beschreibung	Farbe/Accent
1	audiobook.mischlabs.de	Hoerbuecher	#22c55e (Gruen)
2	foodlabs.mischlabs.de	Rezepte	#f97316 (Orange)
3	movies.mischlabs.de	Filme & Serien	#a855f7 (Lila)
4	drive.mischlabs.de	Cloud-Speicher	#4285f4 (Blau)
5	password.mischlabs.de	Passwort-Manager	#eab308 (Gelb)
6	tom.mischlabs.de	Persoenliche Seite	#ec4899 (Pink)
7	git.mischlabs.de	Code-Repositories	#f05033 (Rot)
8	docs.mischlabs.de	Dokumentation	#06b6d4 (Cyan)

Technische Entscheidungen

Reines HTML + CSS (kein Framework, kein JS) - maximale Performance, minimales Docker-Image
nginx:alpine als Base-Image - extrem leichtgewichtig (~5MB)
Google Fonts (Inter) fuer moderne Typografie
Inline SVG Icons - keine externen Dependencies
CSS Grid mit auto-fill + minmax(240px, 1fr) fuer responsives Layout
Dark Theme mit subtilen Glow-Effekten
Staggered Animations: Kacheln faden nacheinander ein

Docker-Setup

Container-Name: mischlabs
Base-Image: nginx:alpine
Port-Mapping: 8085:80 (anpassbar in docker-compose.yml)
Restart-Policy: unless-stopped
Auto-Update: Container wird ueber Git-Repo-Aenderungen neu gebaut
nginx.conf: Caching fuer Static Assets (7 Tage), Security-Headers

Dateistruktur

mischlabs/
  index.html          - Haupt-HTML mit allen 8 Service-Kacheln
  style.css           - Komplettes Styling (Dark Theme, Grid, Animationen)
  Dockerfile          - nginx:alpine mit kopierten Static Files
  docker-compose.yml  - Container-Definition (Name: mischlabs, Port 8085)
  nginx.conf          - Server-Konfiguration, Caching, Security-Headers
  .gitignore          - Git-Ausschluesse
  Brain.md            - Dieses Dokument (KI-Uebergabe)

Deployment-Workflow

Code aendern und committen
Push zu git.mischlabs.de
Auf dem Server: git pull && docker compose up -d --build (oder per Webhook/CI automatisiert)

Erkenntnisse & Notizen

Alle Dienste laufen auf 192.168.178.88 mit verschiedenen Ports
Oeffentlich erreichbar ueber *.mischlabs.de Subdomains (Reverse Proxy)
Port 8085 gewaehlt da gaengige Ports (80, 8080, 8090) bereits belegt
Kein JavaScript noetig - pure CSS reicht fuer alle Effekte
color-mix() CSS-Funktion fuer dynamische Icon-Hintergruende

3.0 KiB Raw Blame History