mirror of
https://github.com/karpathy/nanochat.git
synced 2026-06-09 00:18:47 +00:00
634be4080b
Build services/frontend/ replacing the legacy nanochat/ui.html single-file UI. Landing, login, and chat pages ported with full design system: Devanagari + Great Vibes hero, samosa/chai/toran SVG animations, gold/cream palette. - App Router pages: / (hero + floating illustrations), /login (split-screen OAuth with mandala motif), /chat (260px collapsible sidebar, suggestion chips, markdown + code-copy, auto-expanding input, slash commands) - SSE streaming via useSSE hook and /api/chat/stream BFF route (proxies to CHAT_API_URL when set, falls back to mock echo for local dev) - NextAuth.js v5 with Google + GitHub providers; middleware gates /chat/* - Zustand store with localStorage persistence for conversations/settings - Tailwind theme carries all ui.html tokens + keyframes (pendulum, float, wobble, steamFloat, steamType); SVG assets componentized under components/svg - Multi-stage node:20-alpine Dockerfile with Next standalone output Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
21 lines
1.2 KiB
XML
21 lines
1.2 KiB
XML
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="samosa-fill" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#e8a838;stop-opacity:1"/>
|
|
<stop offset="100%" style="stop-color:#c47f17;stop-opacity:1"/>
|
|
</linearGradient>
|
|
<linearGradient id="samosa-shadow" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#b5690e;stop-opacity:1"/>
|
|
<stop offset="100%" style="stop-color:#8b4d0a;stop-opacity:1"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M200 60 L340 320 L60 320 Z" fill="url(#samosa-fill)" stroke="#a0620f" stroke-width="6" stroke-linejoin="round"/>
|
|
<path d="M200 100 L160 220" stroke="#c47f17" stroke-width="3" fill="none" opacity="0.5"/>
|
|
<path d="M200 100 L240 220" stroke="#c47f17" stroke-width="3" fill="none" opacity="0.5"/>
|
|
<path d="M140 260 L260 260" stroke="#c47f17" stroke-width="3" fill="none" opacity="0.4"/>
|
|
<path d="M120 290 L280 290" stroke="#c47f17" stroke-width="2" fill="none" opacity="0.3"/>
|
|
<circle cx="170" cy="230" r="10" fill="#fff" opacity="0.85"/>
|
|
<circle cx="200" cy="230" r="10" fill="#fff" opacity="0.85"/>
|
|
<circle cx="230" cy="230" r="10" fill="#fff" opacity="0.85"/>
|
|
</svg>
|