clem HF Staff commited on
Commit
2880d21
·
verified ·
1 Parent(s): 0c4f280

Proposition update landing

Browse files

Some updtates:

- "Create section" before the "Play section" because we want to drive user to the github repo that we saw beta-tester manage to use/create apps with (versus the desktop app that is more for non AI builders & super early/buggy still)
- Quick fix for the "Create section" to be able to add it today as the github link is the most important one for AI builders

Exciting!

Files changed (1) hide show
  1. index.html +33 -75
index.html CHANGED
@@ -134,67 +134,38 @@
134
  If you own a beta, your assembly guide is <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_BETA_Assembly_Guide" target="_blank">here</a>
135
  </p>
136
  </div>
137
-
138
- <!-- 2. PLAY Section -->
139
  <div class="subsection">
140
  <div class="image-title-wrapper">
141
- <img src="assets/Play.png" alt="Play" class="section-image section-image-lg">
142
  </div>
143
 
144
- <div class="grid-2">
145
- <!-- Interactive Dashboard -->
146
- <div class="card card-flex">
147
- <h4 class="card-title">Interactive Dashboard</h4>
148
- <div class="gif-wrapper">
149
- <img src="assets/reachy-mini-demo-dashboard.gif" alt="Reachy Mini Dashboard Demo">
150
- </div>
151
- <p class="card-text">
152
- Start playing with Reachy Mini using our visual dashboard - no coding required.
153
- </p>
154
- <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/releases/latest" target="_blank" class="btn btn-outline btn-full mt-auto">
155
- Download dashboard
156
- <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
157
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
158
- </svg>
159
- </a>
160
- </div>
161
-
162
- <!-- Explore Applications -->
163
  <div class="card card-flex">
164
- <h4 class="card-title">Explore Applications</h4>
165
- <div class="gif-wrapper">
166
- <img src="assets/reachy-mini-hand-tracking.gif" alt="Reachy Mini Hand Tracking">
167
- </div>
168
  <p class="card-text">
169
- Explore the applications already developed for Reachy Mini and install them in one click via the dashboard.
170
  </p>
171
- <a href="https://huggingface.co/spaces?q=reachy+mini"
172
  target="_blank"
173
- class="btn btn-outline btn-full mt-auto">
174
- Explore Applications
175
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
176
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
177
  </svg>
178
  </a>
179
  </div>
180
- </div>
181
- </div>
182
-
183
- <!-- 3. CREATE Section -->
184
- <div class="subsection">
185
- <div class="image-title-wrapper">
186
- <img src="assets/Create.png" alt="Create" class="section-image section-image-lg">
187
- </div>
188
-
189
- <div class="grid-3">
190
- <!-- No Code -->
191
  <div class="card card-flex">
192
  <h4 class="card-title">No Code</h4>
193
  <div class="dashboard-image-wrapper">
194
  <img src="dashboard-discover-apps.png" alt="Reachy Mini Dashboard">
195
  </div>
196
  <p class="card-text">
197
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
198
  </p>
199
  <a href="https://github.com/iizukak/reachy_mini_turbowarp"
200
  target="_blank"
@@ -206,29 +177,15 @@
206
  </a>
207
  </div>
208
 
209
- <!-- SDK -->
210
- <div class="card card-flex">
211
- <h4 class="card-title">SDK</h4>
212
- <p class="card-text">
213
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
214
- </p>
215
- <a href="https://github.com/pollen-robotics/reachy_mini"
216
- target="_blank"
217
- class="link-tertiary link-centered">
218
- Develop native apps
219
- <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
220
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
221
- </svg>
222
- </a>
223
- </div>
224
 
225
- <!-- Web API -->
226
  <div class="card card-flex">
227
  <h4 class="card-title">Web API</h4>
228
  <p class="card-text">
229
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
230
  </p>
231
- <a href="https://huggingface.co/spaces/pollen-robotics/reachy_mini_template_app"
232
  target="_blank"
233
  class="link-tertiary link-centered">
234
  Duplicate Template
@@ -239,43 +196,44 @@
239
  </div>
240
  </div>
241
  </div>
242
-
243
- <!-- 4. SHARE Section -->
244
  <div class="subsection">
245
  <div class="image-title-wrapper">
246
- <img src="assets/Share.png" alt="Share" class="section-image section-image-lg">
247
  </div>
248
 
249
  <div class="grid-2">
250
- <!-- Share your app -->
251
  <div class="card card-flex">
252
- <h4 class="card-title">Share your app with the community</h4>
253
  <div class="gif-wrapper">
254
  <img src="assets/reachy-mini-demo-dashboard.gif" alt="Reachy Mini Dashboard Demo">
255
  </div>
256
  <p class="card-text">
257
- Each app can be shared on Hugging Face by making it public. Each space can receive likes and may appear in our Top Apps.
258
  </p>
259
- <a href="https://huggingface.co/spaces?q=reachy+mini"
260
- target="_blank"
261
- class="btn btn-outline btn-full mt-auto">
262
- Browse Spaces
263
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
264
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
265
  </svg>
266
  </a>
267
  </div>
268
 
269
- <!-- Co-create -->
270
  <div class="card card-flex">
271
- <h4 class="card-title">Co-create with Reachy Mini Lovers</h4>
 
 
 
272
  <p class="card-text">
273
- Lorem ipsum
274
  </p>
275
- <a href="https://huggingface.co/spaces/pollen-robotics/reachy_mini_app_example"
276
  target="_blank"
277
  class="btn btn-outline btn-full mt-auto">
278
- Duplicate template
279
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
280
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
281
  </svg>
 
134
  If you own a beta, your assembly guide is <a href="https://huggingface.co/spaces/pollen-robotics/Reachy_Mini_BETA_Assembly_Guide" target="_blank">here</a>
135
  </p>
136
  </div>
137
+
138
+ <!-- 2. CREATE Section -->
139
  <div class="subsection">
140
  <div class="image-title-wrapper">
141
+ <img src="assets/Create.png" alt="Create" class="section-image section-image-lg">
142
  </div>
143
 
144
+ <div class="grid-3">
145
+ <!-- SDK -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
146
  <div class="card card-flex">
147
+ <h4 class="card-title">SDK & APIs</h4>
 
 
 
148
  <p class="card-text">
149
+ The python SDK and API & Daemon let you experiment and create your own applications, in just a few lines of code!
150
  </p>
151
+ <a href="https://github.com/pollen-robotics/reachy_mini"
152
  target="_blank"
153
+ class="link-tertiary link-centered">
154
+ Develop native apps
155
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
156
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
157
  </svg>
158
  </a>
159
  </div>
160
+
161
+ <!-- No Code -->
 
 
 
 
 
 
 
 
 
162
  <div class="card card-flex">
163
  <h4 class="card-title">No Code</h4>
164
  <div class="dashboard-image-wrapper">
165
  <img src="dashboard-discover-apps.png" alt="Reachy Mini Dashboard">
166
  </div>
167
  <p class="card-text">
168
+ Custom beta TurboWarp/Scratch 3.0 extension for controlling Reachy Mini.
169
  </p>
170
  <a href="https://github.com/iizukak/reachy_mini_turbowarp"
171
  target="_blank"
 
177
  </a>
178
  </div>
179
 
180
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
181
 
182
+ <!-- Share with the community -->
183
  <div class="card card-flex">
184
  <h4 class="card-title">Web API</h4>
185
  <p class="card-text">
186
+ Build, package, and publish an app that the entire Reachy Mini community can install in one click
187
  </p>
188
+ <a href="https://huggingface.co/blog/pollen-robotics/make-and-publish-your-reachy-mini-apps"
189
  target="_blank"
190
  class="link-tertiary link-centered">
191
  Duplicate Template
 
196
  </div>
197
  </div>
198
  </div>
199
+
200
+ <!-- 3. PLAY Section -->
201
  <div class="subsection">
202
  <div class="image-title-wrapper">
203
+ <img src="assets/Play.png" alt="Play" class="section-image section-image-lg">
204
  </div>
205
 
206
  <div class="grid-2">
207
+ <!-- Interactive Dashboard -->
208
  <div class="card card-flex">
209
+ <h4 class="card-title">Interactive Dashboard</h4>
210
  <div class="gif-wrapper">
211
  <img src="assets/reachy-mini-demo-dashboard.gif" alt="Reachy Mini Dashboard Demo">
212
  </div>
213
  <p class="card-text">
214
+ Start playing with Reachy Mini using our visual dashboard - no coding required.
215
  </p>
216
+ <a href="https://github.com/pollen-robotics/reachy-mini-desktop-app/releases/latest" target="_blank" class="btn btn-outline btn-full mt-auto">
217
+ Download dashboard
 
 
218
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
219
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
220
  </svg>
221
  </a>
222
  </div>
223
 
224
+ <!-- Explore Applications -->
225
  <div class="card card-flex">
226
+ <h4 class="card-title">Explore Applications</h4>
227
+ <div class="gif-wrapper">
228
+ <img src="assets/reachy-mini-hand-tracking.gif" alt="Reachy Mini Hand Tracking">
229
+ </div>
230
  <p class="card-text">
231
+ Explore the applications already developed for Reachy Mini and install them in one click via the dashboard.
232
  </p>
233
+ <a href="https://huggingface.co/spaces?q=reachy+mini"
234
  target="_blank"
235
  class="btn btn-outline btn-full mt-auto">
236
+ Explore Applications
237
  <svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
238
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
239
  </svg>