tomrikert commited on
Commit Β·
4d21f26
1
Parent(s): 96d6c81
Add Reachy Mini animated GIF to main page hero section
Browse filesReplace text architecture diagram with animated GIF showing the robot
in action for a more engaging visual on the Space landing page.
- index.html +3 -14
- style.css +9 -0
index.html
CHANGED
|
@@ -42,20 +42,9 @@
|
|
| 42 |
</div>
|
| 43 |
<div class="hero-visual">
|
| 44 |
<div class="glass-card">
|
| 45 |
-
<
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
(or Simulator π₯οΈ)
|
| 49 |
-
β
|
| 50 |
-
OpenAI Realtime API
|
| 51 |
-
(speech recognition + TTS)
|
| 52 |
-
β
|
| 53 |
-
OpenClaw Gateway
|
| 54 |
-
(Clawson's brain π¦)
|
| 55 |
-
β
|
| 56 |
-
Robot speaks & moves π€π
|
| 57 |
-
</pre>
|
| 58 |
-
</div>
|
| 59 |
<p class="caption">Works with physical robot OR MuJoCo simulator!</p>
|
| 60 |
</div>
|
| 61 |
</div>
|
|
|
|
| 42 |
</div>
|
| 43 |
<div class="hero-visual">
|
| 44 |
<div class="glass-card">
|
| 45 |
+
<img src="https://huggingface.co/spaces/pollen-robotics/reachy_mini_conversation_app/resolve/main/docs/assets/reachy_mini_dance.gif"
|
| 46 |
+
alt="Reachy Mini Robot Dancing"
|
| 47 |
+
class="hero-gif">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
<p class="caption">Works with physical robot OR MuJoCo simulator!</p>
|
| 49 |
</div>
|
| 50 |
</div>
|
style.css
CHANGED
|
@@ -210,6 +210,15 @@ a {
|
|
| 210 |
backdrop-filter: blur(10px);
|
| 211 |
}
|
| 212 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 213 |
.architecture-preview {
|
| 214 |
background: rgba(0, 0, 0, 0.4);
|
| 215 |
border-radius: 14px;
|
|
|
|
| 210 |
backdrop-filter: blur(10px);
|
| 211 |
}
|
| 212 |
|
| 213 |
+
.hero-gif {
|
| 214 |
+
width: 100%;
|
| 215 |
+
max-width: 500px;
|
| 216 |
+
height: auto;
|
| 217 |
+
border-radius: 14px;
|
| 218 |
+
display: block;
|
| 219 |
+
margin: 0 auto;
|
| 220 |
+
}
|
| 221 |
+
|
| 222 |
.architecture-preview {
|
| 223 |
background: rgba(0, 0, 0, 0.4);
|
| 224 |
border-radius: 14px;
|