refactor: remove KI-Agent chat widget and backend route
This commit is contained in:
Ronny
@@ -0,0 +1,87 @@
|
||||
<h2>Neue Startseite: Dashboard statt Spielliste</h2>
|
||||
<p class="subtitle">Aktuell sieht man 104 Spiele als endlose Liste. Die neue Startseite soll sofort zeigen: Was ist relevant für MICH, JETZT?</p>
|
||||
|
||||
<div class="cards">
|
||||
|
||||
<div class="card" data-choice="a" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div style="background: linear-gradient(135deg, #0a1628, #1a2744); border-radius: 12px; padding: 16px; font-family: system-ui; color: #e0e8f0; font-size: 13px;">
|
||||
<div style="text-align:center; margin-bottom: 14px;">
|
||||
<div style="font-size: 11px; color: #64b5f6; text-transform: uppercase; letter-spacing: 1px;">Nächstes Spiel · in 2h 14min</div>
|
||||
<div style="display:flex; justify-content:center; align-items:center; gap: 20px; margin: 10px 0;">
|
||||
<div style="text-align:center"><div style="font-size: 24px;">🇲🇽</div><div style="font-size: 11px;">Mexico</div></div>
|
||||
<div style="font-size: 18px; font-weight: bold; color: #ffd54f;">vs</div>
|
||||
<div style="text-align:center"><div style="font-size: 24px;">🇿🇦</div><div style="font-size: 11px;">S. Africa</div></div>
|
||||
</div>
|
||||
<div style="background: #1e3a5f; border-radius: 8px; padding: 8px; margin-top: 6px;">
|
||||
<span style="color: #ffd54f; font-weight: bold;">Dein Tipp: 2:1</span> ✓
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 12px;">
|
||||
<div style="background: #1e3a5f; border-radius: 8px; padding: 8px; text-align:center;">
|
||||
<div style="font-size: 20px; font-weight: bold; color: #ffd54f;">5.</div>
|
||||
<div style="font-size: 10px; color: #90a4ae;">Dein Rang</div>
|
||||
</div>
|
||||
<div style="background: #1e3a5f; border-radius: 8px; padding: 8px; text-align:center;">
|
||||
<div style="font-size: 20px; font-weight: bold; color: #4fc3f7;">12</div>
|
||||
<div style="font-size: 10px; color: #90a4ae;">Punkte</div>
|
||||
</div>
|
||||
<div style="background: #1e3a5f; border-radius: 8px; padding: 8px; text-align:center;">
|
||||
<div style="font-size: 20px; font-weight: bold; color: #81c784;">3🔥</div>
|
||||
<div style="font-size: 10px; color: #90a4ae;">Streak</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #90a4ae; border-top: 1px solid #1e3a5f; padding-top: 8px;">
|
||||
<div>📅 <strong>Heute noch 2 Spiele</strong> ohne Tipp</div>
|
||||
<div style="margin-top: 4px;">🏆 Max führt mit 15 Punkten</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>A: Hero + Stats + Nudges</h3>
|
||||
<p>Großes "Nächstes Spiel" oben, darunter persönliche Stats (Rang, Punkte, Streak), unten Handlungsaufforderungen und Social-Info. Kompakt, alles Wichtige auf einen Blick.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card" data-choice="b" onclick="toggleSelect(this)">
|
||||
<div class="card-image">
|
||||
<div style="background: linear-gradient(135deg, #0a1628, #1a2744); border-radius: 12px; padding: 16px; font-family: system-ui; color: #e0e8f0; font-size: 13px;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 12px;">
|
||||
<div><span style="font-size: 16px; font-weight: bold;">Hallo Ronny!</span><br><span style="font-size: 11px; color: #90a4ae;">Platz 5 · 12 Punkte</span></div>
|
||||
<div style="background: #ffd54f; color: #0a1628; border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: bold;">3🔥</div>
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64b5f6; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px;">⏰ Jetzt tippen</div>
|
||||
<div style="background: #1e3a5f; border-radius: 10px; padding: 10px; margin-bottom: 6px;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<span>🇲🇽 Mexico vs S. Africa 🇿🇦</span>
|
||||
<span style="background: #e53935; color:white; border-radius: 12px; padding: 2px 8px; font-size: 10px;">2h 14m</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #1e3a5f; border-radius: 10px; padding: 10px; margin-bottom: 6px;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<span>🇰🇷 S. Korea vs Croatia 🇭🇷</span>
|
||||
<span style="background: #ff9800; color:white; border-radius: 12px; padding: 2px 8px; font-size: 10px;">5h 14m</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 11px; color: #64b5f6; text-transform: uppercase; letter-spacing: 1px; margin: 10px 0 6px;">📊 Ergebnisse</div>
|
||||
<div style="background: #1e3a5f; border-radius: 10px; padding: 10px;">
|
||||
<div style="display:flex; justify-content:space-between; align-items:center;">
|
||||
<span>🇧🇷 Brazil 3:1 Serbia 🇷🇸</span>
|
||||
<span style="background: #4caf50; color:white; border-radius: 12px; padding: 2px 8px; font-size: 10px;">+3 🎯</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3>B: Feed-Style Timeline</h3>
|
||||
<p>Persönliche Begrüßung oben, dann chronologisch: erst offene Tipps (dringendste zuerst mit Countdown), dann letzte Ergebnisse mit Punkte-Badges. Wie ein persönlicher WM-Feed.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section" style="margin-top: 24px;">
|
||||
<h3>Beide Varianten ersetzen die 104-Spiele-Liste als Startseite</h3>
|
||||
<p>Der komplette Spielplan bleibt erreichbar über "Alle Spiele" in der Navigation. Die Startseite wird zum persönlichen WM-Cockpit.</p>
|
||||
</div></content>
|
||||
</invoke>
|
||||
Reference in New Issue
Block a user