Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Talkie Gentleman — Reachy Mini</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,400&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <div class="badge">REACHY MINI APP</div> | |
| <h1>🎩 Talkie Gentleman</h1> | |
| <p class="tagline">A next-gen robot channeling the 1920s</p> | |
| </header> | |
| <div class="icon-showcase"> | |
| <img src="gentleman_icon.png" alt="Talkie Gentleman" class="gentleman-icon"/> | |
| </div> | |
| <section class="hero"> | |
| <p class="quote">"I say, dear fellow — permit me to offer my most considered opinion on the matter at hand."</p> | |
| </section> | |
| <section class="features"> | |
| <div class="card"> | |
| <div class="card-icon">🗣️</div> | |
| <h3>Victorian Speech</h3> | |
| <p>Powered by Talkie-1930 — responses use only pre-1931 vocabulary and cultural references.</p> | |
| </div> | |
| <div class="card"> | |
| <div class="card-icon">🇬🇧</div> | |
| <h3>Posh British Voice</h3> | |
| <p>ElevenLabs "Daniel" voice delivers every response with impeccable received pronunciation.</p> | |
| </div> | |
| <div class="card"> | |
| <div class="card-icon">🤖</div> | |
| <h3>Elegant Gestures</h3> | |
| <p>Slow, deliberate movements — thoughtful nods, gentle tilts, dignified antenna raises.</p> | |
| </div> | |
| <div class="card"> | |
| <div class="card-icon">📚</div> | |
| <h3>Period Knowledge</h3> | |
| <p>Erudite conversation spanning literature, science, politics, and society of the era.</p> | |
| </div> | |
| </section> | |
| <section class="tech"> | |
| <h2>How It Works</h2> | |
| <div class="pipeline"> | |
| <div class="step"> | |
| <span class="step-num">1</span> | |
| <span>You speak</span> | |
| <span class="step-tech">Whisper STT</span> | |
| </div> | |
| <div class="arrow">→</div> | |
| <div class="step"> | |
| <span class="step-num">2</span> | |
| <span>Gentleman thinks</span> | |
| <span class="step-tech">Talkie-1930 via HF API</span> | |
| </div> | |
| <div class="arrow">→</div> | |
| <div class="step"> | |
| <span class="step-num">3</span> | |
| <span>Robot responds</span> | |
| <span class="step-tech">ElevenLabs TTS + Gestures</span> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="install"> | |
| <h2>Install</h2> | |
| <div class="install-steps"> | |
| <div class="install-step"> | |
| <span class="step-num">1</span> | |
| <div> | |
| <h4>Open your Reachy Mini dashboard</h4> | |
| <p>Go to <code>http://reachy.local</code> on the same Wi-Fi network as your robot.</p> | |
| </div> | |
| </div> | |
| <div class="install-step"> | |
| <span class="step-num">2</span> | |
| <div> | |
| <h4>Browse the App Store</h4> | |
| <p>Navigate to Apps → search for <strong>"Talkie Gentleman"</strong>.</p> | |
| </div> | |
| </div> | |
| <div class="install-step"> | |
| <span class="step-num">3</span> | |
| <div> | |
| <h4>Install & set your HF Token</h4> | |
| <p>Set your <code>HF_TOKEN</code> in the app settings (free at <a href="https://huggingface.co/settings/tokens" style="color:var(--accent)">huggingface.co</a>). Optionally add <code>ELEVENLABS_API_KEY</code> for premium voice — without it, the app uses a built-in British voice automatically.</p> | |
| </div> | |
| </div> | |
| <div class="install-step"> | |
| <span class="step-num">4</span> | |
| <div> | |
| <h4>Speak to your gentleman</h4> | |
| <p>Say "Good evening" and enjoy a conversation from a century ago.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer> | |
| <p>Built with <a href="https://huggingface.co/talkie-lm/talkie-1930-13b-it">Talkie-1930</a> by <a href="https://twitter.com/AlecRad">@AlecRad</a></p> | |
| <p class="subtle">For Reachy Mini by Pollen Robotics</p> | |
| </footer> | |
| </div> | |
| </body> | |
| </html> | |