Compare commits

..

2 Commits

Author SHA1 Message Date
Kroonk
08d5da969d Update Brain.md with MiChess, auth project reference, and learnings
Added MiChess as 9th service, documented auth/Keycloak sister project,
and captured DNS/git insights from deployment session.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-13 20:40:59 +02:00
Kroonk
7ec77e4ee2 Add MiChess service tile to landing page
New tile for michess.mischlabs.de (chess) with chess piece icon
and staggered animation delay for 9th card.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-13 20:36:16 +02:00
3 changed files with 44 additions and 15 deletions

View File

@@ -5,22 +5,31 @@ Eine ansprechende Landing Page fuer mischlabs.de, die alle Dienste als Kacheln m
## Status
- [x] Git-Repo initialisiert und Remote verbunden (https://git.mischlabs.de/MrDiderot/mischlabs.git)
- [x] Dienste-Liste vom Screenshot erfasst (8 Services)
- [x] Dienste-Liste vom Screenshot erfasst (9 Services inkl. MiChess)
- [x] Landing Page Design und Implementierung (index.html + style.css)
- [x] Docker-Setup (Dockerfile, docker-compose.yml, nginx.conf)
- [ ] Erster Push zum Remote
- [x] Push zum Remote
- [x] MiChess-Kachel hinzugefuegt (Commit lokal, Push steht aus wg. Auth-Fehler)
- [ ] Push des MiChess-Commits (Git-Auth-Token erneuern)
## Dienste-Uebersicht (8 Stueck)
## Verwandte Projekte
- **auth** (d:\Vibecoding\Website\auth) - Keycloak SSO fuer alle Dienste
- Repo: https://git.mischlabs.de/MrDiderot/auth.git
- Subdomain: auth.mischlabs.de
- Siehe auth/Brain.md fuer Details
## Dienste-Uebersicht (9 Stueck)
| # | Subdomain | Beschreibung | Farbe/Accent |
|---|-----------|-------------|--------------|
| 1 | audiobook.mischlabs.de | Hoerbuecher | #22c55e (Gruen) |
| 2 | foodlabs.mischlabs.de | Rezepte | #f97316 (Orange) |
| 1 | drive.mischlabs.de | Cloud-Speicher | #4285f4 (Blau) |
| 2 | git.mischlabs.de | Code-Repositories | #f05033 (Rot) |
| 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) |
| 4 | audiobook.mischlabs.de | Hoerbuecher | #22c55e (Gruen) |
| 5 | foodlabs.mischlabs.de | Rezepte | #f97316 (Orange) |
| 6 | password.mischlabs.de | Passwort-Manager | #eab308 (Gelb) |
| 7 | docs.mischlabs.de | Dokumentation | #06b6d4 (Cyan) |
| 8 | michess.mischlabs.de | Schach | #10b981 (Gruen) |
| 9 | tom.mischlabs.de | Persoenliche Seite | #ec4899 (Pink) |
## Technische Entscheidungen
- **Reines HTML + CSS** (kein Framework, kein JS) - maximale Performance, minimales Docker-Image
@@ -29,20 +38,19 @@ Eine ansprechende Landing Page fuer mischlabs.de, die alle Dienste als Kacheln m
- **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
- **Staggered Animations**: Kacheln faden nacheinander ein (9 Stueck)
## 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
index.html - Haupt-HTML mit allen 9 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)
@@ -55,11 +63,13 @@ mischlabs/
1. Code aendern und committen
2. Push zu git.mischlabs.de
3. 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)
- Oeffentlich erreichbar ueber *.mischlabs.de Subdomains (Cloudflare Tunnel)
- 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
- Git-Push-Fehler aufgetreten (Authentication failed) - Token muss erneuert werden
- DNS: Alte A-Records (185.181.104.242) von INWX wurden geloescht, nur noch Tunnel-Eintraege
- NAS hat kein git installiert - entweder Git Server Paket installieren oder wget nutzen

View File

@@ -131,6 +131,24 @@
<span class="card-domain">docs.mischlabs.de</span>
</a>
<a href="https://michess.mischlabs.de" class="card" target="_blank" rel="noopener">
<div class="card-icon" style="--accent: #10b981;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M8 16l-1 4h10l-1-4"/>
<path d="M6.5 16h11"/>
<path d="M12 2a2 2 0 0 1 2 2c0 1.1-.9 2-2 3-1.1-1-2-1.9-2-3a2 2 0 0 1 2-2z"/>
<path d="M9 7L6 10.5c-.6.7-.2 1.5.7 1.5h10.6c.9 0 1.3-.8.7-1.5L15 7"/>
<path d="M9 12v4"/>
<path d="M15 12v4"/>
</svg>
</div>
<div class="card-content">
<h2>MiChess</h2>
<p>Schach</p>
</div>
<span class="card-domain">michess.mischlabs.de</span>
</a>
<a href="https://tom.mischlabs.de" class="card" target="_blank" rel="noopener">
<div class="card-icon" style="--accent: #ec4899;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">

View File

@@ -301,3 +301,4 @@ footer p {
.card:nth-child(6) { animation-delay: 0.3s; }
.card:nth-child(7) { animation-delay: 0.35s; }
.card:nth-child(8) { animation-delay: 0.4s; }
.card:nth-child(9) { animation-delay: 0.45s; }