Spaces:
Running
Running
| <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=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> | |
| <style> | |
| html, body { margin: 0; padding: 0; background: #0a0f0a; color: #c8f7c5; height: 100%; } | |
| body { font-family: "JetBrains Mono", ui-monospace, monospace; 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"></script> | |
| <script type="text/babel" src="debug-panel.jsx"></script> | |
| <script type="text/babel" src="variant-terminal.jsx"></script> | |
| <script type="text/babel" data-presets="react"> | |
| // HF Static Space build: terminal variant only, local backend (keyword | |
| // lookup + fallbacks — no network calls). The "claude" backend is | |
| // unavailable outside the preview host, so this build pins backend="local". | |
| const FONT_PAIR = { | |
| mono: '"JetBrains Mono", ui-monospace, monospace', | |
| }; | |
| function FetchApp() { | |
| return ( | |
| <TerminalVariant | |
| backend="local" | |
| personality="subtle" | |
| density="comfortable" | |
| accent="green" | |
| fontPair={FONT_PAIR} | |
| /> | |
| ); | |
| } | |
| ReactDOM.createRoot(document.getElementById("root")).render(<FetchApp />); | |
| </script> | |
| </body> | |
| </html> | |