mirror of
https://github.com/karpathy/nanochat.git
synced 2026-05-23 08:08:04 +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>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import SamosaSvg from '@/components/svg/SamosaSvg';
|
|
import KettleSvg from '@/components/svg/KettleSvg';
|
|
import KettleSteam from '@/components/svg/KettleSteam';
|
|
|
|
export function SamosaIllustration() {
|
|
return (
|
|
<div className="fixed bottom-[5%] left-[5%] flex flex-col items-center z-[5] pointer-events-none hidden md:flex">
|
|
<div className="animate-float">
|
|
<SamosaSvg />
|
|
</div>
|
|
<span className="mt-1.5 inline-block font-caveat text-[1.1rem] text-brown-light bg-[#f5edd6] px-4 py-0.5 border border-[#d4c4a0] rounded-sm -rotate-3 shadow-sm">
|
|
Samosa
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export function KettleIllustration() {
|
|
return (
|
|
<div className="fixed bottom-[5%] right-[5%] flex flex-col items-center z-[5] pointer-events-none hidden md:flex">
|
|
<div className="relative animate-wobble">
|
|
<KettleSteam />
|
|
<KettleSvg />
|
|
</div>
|
|
<span className="mt-1.5 inline-block font-caveat text-[1.1rem] text-brown-light bg-[#f5edd6] px-4 py-0.5 border border-[#d4c4a0] rounded-sm rotate-2 shadow-sm">
|
|
Chai
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|