Till Heidrich
f622dc0619
⭐ Sterne-Bewertungs-System (1-5 pro Person, Till + Lea unabhängig) 🏆 Dynamische Ranking-Liste mit Top-3-Badges (Gold/Silber/Bronze) 💬 Kommentare unter jeder Karte (aufklappbar, eigene löschbar) 👤 User-Profil-Switch (Till ↔ Lea) – Header-Pill mit Modal 💜 Eigene Ideen sind jetzt vollwertige Karten (im Ideen-Tab gemischt) ✏️ Eigene Ideen bearbeitbar + löschbar (eigener Tab) 📊 Sortierung: Ranking / Status / Preis / Name / Eigene zuerst 📈 Live-Stats: Ideen, Bewertet, Kommentare, Tage bis Reise 🎨 Bottom-Navigation mit 5 Tabs + Badge für eigene Ideen 📋 JSON-Export aller Daten für Codex 🔧 Daten-driven: destinations.json + dynamisches Rendering 📱 Mobile-optimiert mit Safe-Area-Insets Datenstruktur: - localStorage.f24_ratings, f24_comments, f24_own, f24_user - 18 built-in Destinations aus data/destinations.json - Gleiche Render-Pipeline für built-in und own
Holiday 2026 Dashboard – Familie Heidrich
Live: https://holiday.heidrich-digital.de
Zweck: Urlaubsplanung-Dashboard für die Sommerreise 2026 (ab 13. Juli)
Projekt-Übersicht
Interaktives HTML-Dashboard zur Sammlung und Bewertung aller Urlaubsideen für Till, Lea und Felix Heidrich (Felix ist 3,5 Jahre alt im Sommer 2026).
Datei-Struktur
holiday-2026/
├── index.html # Haupt-Dashboard (statisches HTML, kein Build)
├── README.md # Diese Datei – Projekt-Übersicht
├── REQUIREMENTS.md # Harte Constraints und Reiseprofil
├── DESTINATIONS.md # Detaillierte Bewertung aller Destinationen
├── HISTORY.md # Reisehistorie 2019–2025
└── NOTES.md # Laufende Planungsnotizen & Entscheidungslog
Tech-Stack
- Frontend: Statisches HTML5 + Vanilla JS + CSS Custom Properties
- Fonts: Playfair Display (Display) + Outfit (Body) via Google Fonts CDN
- Hosting: Coolify → Caddy → heidrich-infra-01 (Hetzner VPS)
- Domain: holiday.heidrich-digital.de
- Git: git.heidrich-digital.de/till/holiday-2026
Deployment
Coolify übernimmt den Deploy automatisch bei jedem Push auf main.
Build-Pack: Static HTML (kein Node/Build-Prozess nötig).
Publish-Directory: / (root, da index.html direkt im Root liegt).
# Lokale Änderungen deployen
git add .
git commit -m "feat: neue Destination / update"
git push origin main
# → Coolify deployed automatisch
Für AI-Agenten (Codex, Claude, etc.)
Neue Destination hinzufügen
- In
DESTINATIONS.mddokumentieren (Status, Budget, Pro/Con) - In
index.htmlKarte nach folgendem Muster einfügen:
<div class="dest-card" data-status="TOP|OK|NEW|MAYBE|NEIN">
<div class="card-top">
<span class="dest-emoji">🏖️</span>
<div class="dest-info">
<div class="dest-name">Name</div>
<div class="dest-sub">Subtext · Details</div>
</div>
<span class="sbadge s-TOP">TOP</span>
</div>
<div class="scores">
<div class="sc"><div class="sc-label">Felix 🧒</div><div class="sc-bar"><div class="sc-fill f" style="width:80%"></div></div></div>
<div class="sc"><div class="sc-label">Lea 👩</div><div class="sc-bar"><div class="sc-fill l" style="width:70%"></div></div></div>
<div class="sc"><div class="sc-label">Mietwagen</div><div class="sc-bar"><div class="sc-fill m" style="width:100%"></div></div></div>
</div>
<!-- card-stats, card-budget, card-body -->
</div>
Farbcodes
| Status | Farbe | CSS-Klasse |
|---|---|---|
| TOP | #1A4B47 (Teal) | .s-TOP |
| OK | #B87A1A (Gold) | .s-OK |
| NEU | #7B4DBA (Purple) | .s-NEW |
| MAYBE | #7A7060 (Muted) | .s-MAYBE |
| NEIN | #C4582A (Terra) | .s-NEIN |
Wichtige Regeln
- ❌ Keine Referenzen zu vergangenen Beziehungen außerhalb der Kernfamilie Till/Lea/Felix
- ✅ Immer Budget als Gesamtbetrag (Flug + Unterkunft + Mietwagen)
- ✅ Klimaangaben im Juli (Reisemonat)
- ✅ Kindersitz-Standards bei Mietwagen berücksichtigen
- ✅ Felix (3,5J) ist das entscheidende Filter-Kriterium für Aktivitäten