Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title>Mood Engine</title> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <nav> | |
| <a href="#" class="nav-brand"><span class="dot"></span> jrubiosainz</a> | |
| <div class="nav-links"> | |
| <a href="#features">Features</a> | |
| <a href="#install">Install</a> | |
| <a href="https://huggingface.co/reachy-mini#/apps">App Store</a> | |
| </div> | |
| </nav> | |
| <section class="hero"> | |
| <div class="badge">Reachy Mini App</div> | |
| <h1>🎭 Mood Engine</h1> | |
| <p class="tagline">A full emotion system with personality, memory, and micro-expressions.</p> | |
| </section> | |
| <div class="video-showcase"> | |
| <div class="video-frame"> | |
| <video autoplay loop muted playsinline> | |
| <source src="demo.mp4" type="video/mp4"> | |
| </video> | |
| </div> | |
| <p class="video-label">MuJoCo simulator — emotional choreographies with personality presets</p> | |
| </div> | |
| <section class="features" id="features"> | |
| <h2>Features</h2> | |
| <p class="subtitle">What makes this app tick</p> | |
| <div class="feature-grid"> | |
| <div class="feature-card"> | |
| <div class="icon">😊</div> | |
| <h3>6+ Emotions</h3> | |
| <p>Happy, sad, curious, surprised, angry, fearful — plus compound emotions like awe and nervousness.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="icon">🎨</div> | |
| <h3>3 Personalities</h3> | |
| <p>Shy, bold, playful — each preset changes how emotions express, from subtle to dramatic.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="icon">✨</div> | |
| <h3>Micro-Expressions</h3> | |
| <p>Tiny fast tells before full emotions show. Mood decay, emotional memory, and smooth transitions.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="install" id="install"> | |
| <h2>Get Started</h2> | |
| <div class="steps"> | |
| <div class="step"> | |
| <div class="step-num">1</div> | |
| <div><h4>Open Dashboard</h4><p>Go to your Reachy Mini control dashboard and browse apps.</p></div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-num">2</div> | |
| <div><h4>Install</h4><p>Search for "Mood Engine" and click Install. Dependencies are handled automatically.</p></div> | |
| </div> | |
| <div class="step"> | |
| <div class="step-num">3</div> | |
| <div><h4>Launch</h4><p>Start the app and watch your robot come alive.</p></div> | |
| </div> | |
| </div> | |
| </section> | |
| <footer> | |
| 🎭 Mood Engine · Built by <a href="https://huggingface.co/jrubiosainz">jrubiosainz</a> · <a href="https://huggingface.co/reachy-mini#/apps">Browse More Apps</a> | |
| </footer> | |
| </body> | |
| </html> |