Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width,initial-scale=1" /> | |
| <title>This is Fetch</title> | |
| <meta name="description" content="A friendly chatbot with a soft spot for dogs." /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> | |
| <style> | |
| html, body { margin: 0; padding: 0; background: #eeeae3; color: #1a1714; height: 100%; } | |
| body { font-family: "Inter Tight", system-ui, sans-serif; overflow: hidden; } | |
| #root { position: fixed; inset: 0; } | |
| @keyframes fetch-fadein { | |
| from { opacity: 0; transform: translateY(4px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| @keyframes fetch-blink { | |
| 0%, 49% { opacity: 0.8; } | |
| 50%, 100% { opacity: 0; } | |
| } | |
| .fetch-blink { animation: fetch-blink 1s steps(2) infinite; } | |
| </style> | |
| <script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script> | |
| <script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script> | |
| <script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script type="text/babel" src="chat-engine.jsx?v=3"></script> | |
| <script type="text/babel" src="debug-panel.jsx?v=3"></script> | |
| <script type="text/babel" src="variant-editorial.jsx?v=3"></script> | |
| <script type="text/babel" data-presets="react"> | |
| // Docker build: editorial variant + BlenderBot backend via /api/chat. | |
| // If the backend fails (cold start, timeout) the chat engine falls back | |
| // to the local keyword lookup automatically. | |
| const FONT_PAIR = { | |
| display: '"Instrument Serif", Georgia, serif', | |
| body: '"Inter Tight", system-ui, sans-serif', | |
| mono: '"JetBrains Mono", ui-monospace, monospace', | |
| }; | |
| function FetchApp() { | |
| return ( | |
| <EditorialVariant | |
| backend="docker" | |
| density="comfortable" | |
| accent="bone" | |
| fontPair={FONT_PAIR} | |
| bubble="rounded" | |
| /> | |
| ); | |
| } | |
| ReactDOM.createRoot(document.getElementById("root")).render(<FetchApp />); | |
| </script> | |
| </body> | |
| </html> | |