curiosity_bot / index.html
jrubiosainz's picture
redesign: dark branded landing page
d5e0347 verified
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Curiosity Bot</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>πŸ” Curiosity Bot</h1>
<p class="tagline">Your robot gets genuinely curious about new objects β€” and bored of familiar ones.</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 β€” novelty tracking with 90-class object detection</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>90-Class Detection</h3>
<p>EfficientDet Lite0 detects everyday objects at 95+ FPS β€” cups, phones, bottles, books, and more.</p>
</div>
<div class="feature-card">
<div class="icon">🧠</div>
<h3>Novelty Memory</h3>
<p>Tracks familiarity over time. Novel objects get maximum attention; seen-before objects get a glance.</p>
</div>
<div class="feature-card">
<div class="icon">πŸ”„</div>
<h3>Reappearance Surprise</h3>
<p>Objects that disappear and come back trigger renewed curiosity β€” just like a real pet.</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 "Curiosity Bot" 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>
πŸ” Curiosity Bot Β· 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>