wake_me_up / index.html
drenayaz
add video on hf page
f27cd5e
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wake Me Up - Reachy Mini</title>
<meta name="description" content="Your first app with Reachy Mini - Test all the robot's features in simple steps.">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-grid">
<div>
<video class="hero-video" autoplay loop muted playsinline>
<source src="assets/touch_demo.mp4" type="video/mp4">
<div class="hero-placeholder">πŸ€–βš‘</div>
</video>
</div>
<div class="hero-content">
<div class="hero-header">
<div class="hero-icon">πŸ‘‹</div>
<h1 class="hero-title">Wake Me Up</h1>
</div>
<div class="tags">
<span class="tag">first app</span>
<span class="tag">testing</span>
<span class="tag">beginner-friendly</span>
</div>
<p class="hero-description">
Welcome to your <b>first app with Reachy Mini</b>! This simple and friendly application helps you test all the robot's features in a few easy steps.
<br><br>
Test the microphone, motors, speaker, and camera to make sure everything works perfectly.
</p>
</div>
</div>
</div>
</section>
<!-- Technical Section -->
<section class="technical">
<div class="container">
<div class="technical-grid">
<div>
<h2 class="section-title">How to install</h2>
<ol class="install-steps">
<li>
<span>
Make sure you already have the
<a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/releases/latest"
class="link-tertiary">dashboard</a>
installed.
</span>
</li>
<li>
<span>Connect to your Reachy Mini using the dashboard.</span>
</li>
<li>
<span>Navigate to the "Applications" tab in the dashboard.</span>
</li>
<li>
<span>Find "Wake Me Up" in the list of available applications.</span>
</li>
<li>
<span>Click "Install" and the app will be ready to use!</span>
</li>
</ol>
</div>
<div>
<video class="hero-video" autoplay loop muted playsinline>
<source src="assets/wake_me_up.mp4" type="video/mp4">
<div class="demo-placeholder">Video coming soon</div>
</video>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-links">
<a href="https://github.com/pollen-robotics/reachy_mini" target="_blank" rel="noopener">> Documentation</a>
<a href="https://huggingface.co/spaces/pollen-robotics/Reachy-Mini_Best_Spaces" target="_blank" rel="noopener">> Browse other apps</a>
<a href="https://huggingface.co/blog/pollen-robotics/make-and-publish-your-reachy-mini-apps" target="_blank" rel="noopener">> Create your own app</a>
</div>
<p class="footer-help">
Need help? Contact us on <a href="https://discord.gg/u3QtUBhy" target="_blank" rel="noopener">Discord</a> and join the community.
Proudly brought by <a href="https://www.pollen-robotics.com/" target="_blank">Pollen Robotics</a> x πŸ€— <a href="https://huggingface.co" target="_blank">Hugging Face</a>
</p>
</div>
</div>
</footer>
</body>
</html>