Spaces:
Running
Running
cfahlgren1 HF Staff
convert talking pixel to a sveltekit app that runs pivo-1.4m tts in the browser
3ec6b9e | <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> | |
| <title>Talking Pixel</title> | |
| <meta name="description" content="Type anything and hear it spoken by PiVo-1.4M, a 1.4M-parameter text-to-speech model running entirely in your browser."> | |
| <meta name="color-scheme" content="dark light"> | |
| <meta name="theme-color" content="#0b0b0f" media="(prefers-color-scheme: dark)"> | |
| <meta name="theme-color" content="#faf8f2" media="(prefers-color-scheme: light)"> | |
| <!-- Filled in after the build by scripts/postbuild.mjs with the real download size. --> | |
| <meta name="tp-download-bytes" content="__TP_DOWNLOAD_BYTES__"> | |
| <script> | |
| // Apply a stored theme choice before first paint (no flash). "system" leaves it to prefers-color-scheme. | |
| try { | |
| var t = localStorage.getItem('tp-theme'); | |
| if (t === 'light' || t === 'dark') document.documentElement.setAttribute('data-theme', t); | |
| } catch (e) { /* storage unavailable: follow the system */ } | |
| </script> | |
| <style> | |
| /* The stylesheet arrives with the app bundle; paint the right background until then. */ | |
| html { background: #0b0b0f; color-scheme: dark; } | |
| html[data-theme="light"] { background: #faf8f2; color-scheme: light; } | |
| @media (prefers-color-scheme: light) { html:not([data-theme="dark"]) { background: #faf8f2; color-scheme: light; } } | |
| </style> | |
| <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Crect width=%2210%22 height=%2210%22 rx=%222%22 fill=%22%230b0b0f%22/%3E%3Crect x=%221%22 y=%222%22 width=%228%22 height=%226%22 fill=%22%23ffd21e%22/%3E%3Crect x=%223%22 y=%223%22 width=%221%22 height=%222%22 fill=%22%230b0b0f%22/%3E%3Crect x=%226%22 y=%223%22 width=%221%22 height=%222%22 fill=%22%230b0b0f%22/%3E%3Crect x=%224%22 y=%226%22 width=%222%22 height=%221%22 fill=%22%230b0b0f%22/%3E%3C/svg%3E"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,500;62..125,700;62..125,900&family=JetBrains+Mono:wght@500&display=swap"> | |
| %sveltekit.head% | |
| </head> | |
| <body data-sveltekit-preload-data="off"> | |
| <div style="display: contents">%sveltekit.body%</div> | |
| </body> | |
| </html> | |