Compare commits
2 Commits
a1a170c1da
...
08d5da969d
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
08d5da969d | ||
|
|
7ec77e4ee2 |
40
Brain.md
40
Brain.md
@@ -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
|
||||
|
||||
18
index.html
18
index.html
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user