Skip to content

Commit a517bf1

Browse files
Carla-GuoYour Name
andauthored
replaces all XIAO board images in README.md (#60)
* Add 2026 community projects (xiao-weekly-search 2026-04-08) - 7 GitHub projects: ESPclock, TagTuner, ProtogenHelmet-ESP32, piglet, meshsat, acw02_esphome, ZephCore - 10 YouTube projects: ESP32 DIV V1.5.0, Zigbee Smart Home, Air Quality Sensor, AI Desk Buddy, Cloud Server, WiFiManager, WIFI Car, Pixel Pendant, Voice Recorder, ClawStage - 5 Instructables projects: GPS Tracker, RC Animatronics, Flash Bee, Elytra Boost, F1 Display Stand * Delete projects.yaml * Rename project.yaml to projects.yaml * Update index.html * Update projects.yaml * fix * Update projects.yaml * Update index.html * XIAO Community Projects Weekly * standardize board values across community project sections * Update projects.yaml * Add files via upload * Rename Color Logo.jpg to Color_Logo.jpg * fix project hub display bug * add month * sync index.html YAML_URLS to Carla-Guo repo * refactor: replace Community/Official with platform-specific source tags - Update projects.yaml author_type to platform sources (GitHub/YouTube/Hackster/Instructables/Web) - Update docs/index.html CSS with platform-specific tag colors: - YouTube: red - GitHub: white - Hackster: blue - Instructables: yellow - Hackaday: dark (reserved) - Web: gray (for non-standard platforms) - Dynamic filter buttons based on platforms * replace 'XIAO ESP32' to actually board * add config.yaml * Delete docs/_config.yml * Add files via upload * Delete image/White_Logo.png * Add files via upload * Delete image/White_Logo.png * Add files via upload * Improve the Project Hub page * Update logo and footer links to Seeed Studio * fix error youtube link and info * add contribute project button * Add files via upload * fix links of readme.md images --------- Co-authored-by: Your Name <you@example.com>
1 parent 9384f3a commit a517bf1

18 files changed

Lines changed: 41 additions & 90 deletions

README.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ This repository is the official GitHub Project Hub for the XIAO Series, serving
4242
<table align="center">
4343
<font size={"2"}>
4444
<tr>
45-
<td align="center"><img src="https://github.com/user-attachments/assets/57e09470-7f82-4b29-9f0b-ee24c20f881f" alt="alt text" width= "250"></td>
45+
<td align="center"><img src="image/XIAO-ESP32-S3-Sense-21-768x628.jpg" alt="alt text" width= "250"></td>
4646
<td><strong>XIAO ESP32-S3 (Sense)</strong><br>High-performance dev board with Wi-Fi and BLE, with Microphone, Mini camera and onboard SD Card Slot on the Sense version</td>
4747
<td align="center" width= "200">
4848
<a href="https://www.seeedstudio.com/XIAO-ESP32S3-p-5627.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a>
@@ -51,28 +51,28 @@ This repository is the official GitHub Project Hub for the XIAO Series, serving
5151
<a href="https://wiki.seeedstudio.com/xiao_esp32s3_getting_started/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
5252
</tr>
5353
<tr>
54-
<td align="center"><img src="https://github.com/user-attachments/assets/d4ae565b-52cf-4b33-9a1b-2d7c73cdd4b5" alt="alt text" width= "250"></td>
54+
<td align="center"><img src="image/XIAO-ESP32-C3-19-768x628.jpg" alt="alt text" width= "250"></td>
5555
<td><strong>XIAO ESP32-C3</strong><br>Cost effective with Wi-Fi and BLE on board</td>
5656
<td align="center"><a href="https://www.seeedstudio.com/Seeed-XIAO-ESP32C3-p-5431.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
5757
<a href="https://wiki.seeedstudio.com/XIAO_ESP32C3_Getting_Started/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
5858
<a href="https://wiki.seeedstudio.com/XIAO_ESP32C3_Getting_Started/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
5959
</tr>
6060
<tr>
61-
<td align="center"><img src="https://github.com/user-attachments/assets/cba9e163-a265-4be3-9ec3-a4be86620aa3" alt="alt text" width= "250"></td>
61+
<td align="center"><img src="image/XIAO ESP32-C6-768x628.png" alt="alt text" width= "250"></td>
6262
<td><strong>XIAO ESP32-C6</strong><br>2.4GHz Wi-Fi 6, BLE 5.0, Zigbee, and Thread for Matter</td>
6363
<td align="center"><a href="https://www.seeedstudio.com/Seeed-Studio-XIAO-ESP32C6-p-5884.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
6464
<a href="https://wiki.seeedstudio.com/xiao_esp32c6_getting_started/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
6565
<a href="https://wiki.seeedstudio.com/xiao_esp32c6_getting_started/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
6666
</tr>
6767
<tr>
68-
<td align="center"><img src="https://github.com/user-attachments/assets/b46cf0d4-034f-4011-b687-38f60edc4084" alt="alt text" width= "250"></td>
68+
<td align="center"><img src="image/XIAO-ESP32-C5-768x628.jpg" alt="alt text" width= "250"></td>
6969
<td><strong>XIAO ESP32-C5</strong><br>2.4 & 5 GHz Wi-Fi 6, BLE 5.0, Zigbee, and Thread for Matter</td>
7070
<td align="center"><a href="https://www.seeedstudio.com/Seeed-Studio-XIAO-ESP32C5-p-6609.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
7171
<a href="https://wiki.seeedstudio.com/xiao_esp32c5_getting_started/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
7272
<a href="https://wiki.seeedstudio.com/xiao_esp32c5_getting_started/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
7373
</tr>
7474
<tr>
75-
<td align="center"><img src="https://github.com/user-attachments/assets/cd97c5da-6dfa-4940-ad58-cc6d1e44c679" alt="alt text" width= "250"></td>
75+
<td align="center"><img src="image/XIAO-nRF52840-Sense-768x628.jpg" alt="alt text" width= "250"></td>
7676
<td><strong>XIAO nRF52840 (Sense)</strong><br>Ultra-low power consumption, perfect for BLE applications, with microphone and 6-axis IMU on the Sense version</td>
7777
<td align="center">
7878
<a href="https://www.seeedstudio.com/Seeed-XIAO-BLE-nRF52840-p-5201.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a>
@@ -81,7 +81,7 @@ This repository is the official GitHub Project Hub for the XIAO Series, serving
8181
<a href="https://wiki.seeedstudio.com/XIAO_BLE/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
8282
</tr>
8383
<tr>
84-
<td align="center"><img src="https://github.com/user-attachments/assets/2006c0de-fe68-4f96-b3b2-2cd402b5f0c7" alt="alt text" width= "250"></td>
84+
<td align="center"><img src="image/XIO-nRF54L15-Sense-768x628.jpg" alt="alt text" width= "250"></td>
8585
<td><strong>XIAO nRF54L15 (Sense)</strong><br>Ultra low power consumption with multiple connectivity, with microphone and 6-axis IMU on the Sense version</td>
8686
<td align="center">
8787
<a href="https://www.seeedstudio.com/Seeed-XIAO-BLE-nRF52840-p-5201.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a>
@@ -90,35 +90,35 @@ This repository is the official GitHub Project Hub for the XIAO Series, serving
9090
<a href="https://wiki.seeedstudio.com/xiao_nrf54l15_sense_getting_started/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
9191
</tr>
9292
<tr>
93-
<td align="center"><img src="https://github.com/user-attachments/assets/2364e006-5bfc-4519-898c-95812d0a66ea" alt="alt text" width= "250"></td>
93+
<td align="center"><img src="image/XIAO-RP2040-768x628.jpg" alt="alt text" width= "250"></td>
9494
<td><strong>XIAO RP2040</strong><br>Raspberry Pi Ecosystem with great MicroPython support</td>
9595
<td align="center"><a href="https://www.seeedstudio.com/XIAO-RP2040-v1-0-p-5026.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
9696
<a href="https://wiki.seeedstudio.com/XIAO-RP2040/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
9797
<a href="https://wiki.seeedstudio.com/XIAO-RP2040/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
9898
</tr>
9999
<tr>
100-
<td align="center"><img src="https://github.com/user-attachments/assets/55895340-c212-471f-9d3b-7005894e3fee" alt="alt text" width= "250"></td>
100+
<td align="center"><img src="image/XIAO-RP2350-2-768x623.png" alt="alt text" width= "250"></td>
101101
<td><strong>XIAO RP2350</strong><br>MicroPython-ready based on Raspberry Pi RP2350</td>
102102
<td align="center"><a href="https://www.seeedstudio.com/Seeed-XIAO-RP2350-p-5944.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
103103
<a href="https://wiki.seeedstudio.com/getting-started-xiao-rp2350/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
104104
<a href="https://wiki.seeedstudio.com/getting-started-xiao-rp2350/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
105105
</tr>
106106
<tr>
107-
<td align="center"><img src="https://github.com/user-attachments/assets/2ac6fbf3-bf96-4040-ad21-05320b775672" alt="alt text" width= "250"></td>
107+
<td align="center"><img src="image/Seeed-Studio-XIAO-SAMD21-768x629.jpg" alt="alt text" width= "250"></td>
108108
<td><strong>XIAO SAMD21</strong><br>Classic for Arduino beginners, with courses</td>
109109
<td align="center"><a href="https://www.seeedstudio.com/Seeeduino-XIAO-Arduino-Microcontroller-SAMD21-Cortex-M0+-p-4426.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
110110
<a href="https://wiki.seeedstudio.com/Seeeduino-XIAO/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
111111
<a href="https://wiki.seeedstudio.com/Seeeduino-XIAO/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
112112
</tr>
113113
<tr>
114-
<td align="center"><img src="https://github.com/user-attachments/assets/b4e07414-23ed-43f5-9fe2-cee58670066a" alt="alt text" width= "250"></td>
114+
<td align="center"><img src="image/XIAO-RA4M1-768x629.png" alt="alt text" width= "250"></td>
115115
<td><strong>XIAO RA4M1</strong><br>Renesas 32-bit ARM Cortex-M4 MCU, Arduino IDE-ready</td>
116116
<td align="center"><a href="https://www.seeedstudio.com/Seeed-XIAO-RA4M1-p-5943.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a><br>
117117
<a href="https://wiki.seeedstudio.com/getting_started_xiao_ra4m1/" target="_blank"><b><strong>📚 Wiki</strong></b></a>
118118
<a href="https://wiki.seeedstudio.com/getting_started_xiao_ra4m1/#resources" target="_blank"><b><strong>📚 Resources</strong></b></a></td>
119119
</tr>
120120
<tr>
121-
<td align="center"><img src="https://github.com/user-attachments/assets/b5ed4e13-85f5-4bdd-bd6e-fafa8e187001" alt="alt text" width= "250"></td>
121+
<td align="center"><img src="image/XIAO-MG24-Sense-768x628.png" alt="alt text" width= "250"></td>
122122
<td><strong>XIAO MG24 (Sense)</strong><br>Super-low power for battery-powered Matter projects, with microphone and 6-axis IMU on the Sense version</td>
123123
<td align="center">
124124
<a href="http://seeedstudio.com/Seeed-Studio-XIAO-MG24-p-6247.html" target="_blank"><b><strong>🖱️ Buy</strong></b></a>
@@ -179,7 +179,7 @@ The page covers a wide range of topics, including:
179179

180180
## Reference Projects
181181

182-
<p align="center" width="100%"><img src="/image/xiao_family1.png" alt="alt text" width="1000"></p>
182+
<p align="center" width="100%"><img src="image/xiao_family1.png" alt="alt text" width="1000"></p>
183183

184184
These projects are hands-on reproductions and validations of popular industry trends and real-world use cases, created by our internal engineers and shared in this repository’s `projects` folder. For each project, we include clear and practical step-by-step instructions in the project’s `README.md` file, so you can easily follow along and try it yourself. The projects currently available include:
185185

@@ -196,7 +196,7 @@ Welcome to the Community DIY Projects! This section is dedicated to collecting,
196196
### XIAO USE CASE
197197

198198
<p align="center" width="100%"><a href="https://github.com/Seeed-Studio/OSHW-XIAO-Series/blob/main/projects/community-diy-project/XIAO_USE_CASE.pdf">
199-
<img src="/image/xiao_use_case.png" alt="alt text" width="1000">
199+
<img src="image/xiao_use_case.png" alt="alt text" width="1000">
200200
</a>
201201
</p>
202202

@@ -284,7 +284,7 @@ If your project goes beyond a prototype and you’re interested in turning it in
284284
## Roadmap
285285

286286
<p align="center" width="100%"><a href="https://github.com/Seeed-Studio/OSHW-XIAO-Series/discussions">
287-
<img src="/image/roadmap.png" alt="alt text" width="700">
287+
<img src="image/roadmap.png" alt="alt text" width="700">
288288
</a>
289289
</p>
290290

docs/index.html

Lines changed: 26 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -45,9 +45,9 @@
4545
/* Right-side container */
4646
.header-actions {
4747
display: flex;
48-
flex-direction: column;
49-
align-items: flex-end;
50-
gap: 6px;
48+
flex-direction: row;
49+
align-items: center;
50+
gap: 10px;
5151
}
5252

5353
.header-logo {
@@ -59,6 +59,23 @@
5959
margin-top: 0; */
6060
}
6161

62+
.contribute-btn {
63+
padding: 5px 15px;
64+
background: #8FC31F;
65+
color: #004966;
66+
border: none;
67+
border-radius: 50px;
68+
cursor: pointer;
69+
font-size: 0.8rem;
70+
font-weight: 700;
71+
text-decoration: none;
72+
display: inline-flex;
73+
align-items: center;
74+
transition: background 0.15s, transform 0.1s;
75+
white-space: nowrap;
76+
}
77+
.contribute-btn:hover { background: #a0d422; transform: translateY(-1px); }
78+
6279
.lang-btn.small {
6380
padding: 4px 12px;
6481
border: 2px solid rgba(255,255,255,0.4);
@@ -272,16 +289,6 @@
272289
font-size: 1rem;
273290
}
274291

275-
/* Footer */
276-
.footer {
277-
text-align: center;
278-
color: rgba(255,255,255,0.35);
279-
margin-top: 32px;
280-
font-size: 0.82rem;
281-
}
282-
.footer a { color: rgba(143,195,31,0.8); text-decoration: none; }
283-
.footer a:hover { color: #8FC31F; }
284-
285292
@media (max-width: 640px) {
286293
.header-text h1 { font-size: 1.5rem; }
287294
.detail-inner { padding: 14px 16px; gap: 16px; }
@@ -296,6 +303,7 @@ <h1 id="title"><img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIA
296303
<p id="subtitle">Discover what you can build with XIAO</p>
297304
</div>
298305
<div class="header-actions">
306+
<a class="contribute-btn" id="contributeBtn" href="https://docs.google.com/forms/d/e/1FAIpQLSdiju4D3-h0fZavfZeRrXcOtAh-Lb7Ll8zbrkziB94RCvbZrQ/viewform?usp=publish-editor" target="_blank" rel="noopener">Contribute Project</a>
299307
<button class="lang-btn small" id="langBtn" onclick="toggleLang()">中文</button>
300308
</div>
301309
</header>
@@ -343,10 +351,6 @@ <h1 id="title"><img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIA
343351
</table>
344352
<div class="no-results" id="no-results" style="display:none;"></div>
345353
</div>
346-
347-
<div class="footer">
348-
<p id="footer-text">Data source: <a href="https://github.com/Seeed-Studio/OSHW-XIAO-Series/blob/main/projects.yaml" target="_blank">projects.yaml</a> | Contributions welcome!</p>
349-
</div>
350354
</div>
351355

352356
<script src="https://cdn.jsdelivr.net/npm/js-yaml@4/dist/js-yaml.min.js"></script>
@@ -369,8 +373,8 @@ <h1 id="title"><img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIA
369373
loadError: 'Failed to load projects.yaml.',
370374
noResults: 'No matching projects found.',
371375
viewProject: 'View Project →',
372-
footer: 'Data source: <a href="https://github.com/Seeed-Studio/OSHW-XIAO-Series/blob/main/projects.yaml" target="_blank">projects.yaml</a> | Contributions welcome!',
373-
langBtn: '中文'
376+
langBtn: '中文',
377+
contributeBtn: 'Contribute Project'
374378
},
375379
zh: {
376380
title: ['<img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIAO-Series/main/image/White_Logo.png" class="header-logo">XIAO ', '项目中心'],
@@ -384,8 +388,8 @@ <h1 id="title"><img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIA
384388
loadError: '无法加载 projects.yaml。',
385389
noResults: '没有找到匹配的项目。',
386390
viewProject: '查看项目 →',
387-
footer: '数据来源:<a href="https://github.com/Seeed-Studio/OSHW-XIAO-Series/blob/main/projects.yaml" target="_blank">projects.yaml</a> | 欢迎贡献项目!',
388-
langBtn: 'English'
391+
langBtn: 'English',
392+
contributeBtn: '贡献项目'
389393
}
390394
};
391395

@@ -476,8 +480,8 @@ <h1 id="title"><img src="https://raw.githubusercontent.com/Seeed-Studio/OSHW-XIA
476480
document.getElementById('btn-all-board').textContent = L.btnAll;
477481
document.getElementById('btn-all-cat').textContent = L.btnAll;
478482
document.getElementById('no-results').textContent = L.noResults;
479-
document.getElementById('footer-text').innerHTML = L.footer;
480483
document.getElementById('langBtn').textContent = L.langBtn;
484+
document.getElementById('contributeBtn').textContent = L.contributeBtn;
481485
document.getElementById('th-name').textContent = L.thName;
482486
document.getElementById('th-board').textContent = L.thBoard;
483487
document.getElementById('th-category').textContent = L.thCategory;
49.5 KB
Loading

image/XIAO ESP32-C6-768x628.png

296 KB
Loading

image/XIAO nRF54L15-768x628.png

228 KB
Loading

image/XIAO-ESP32-C3-19-768x628.jpg

88.8 KB
Loading

image/XIAO-ESP32-C5-768x628.jpg

58 KB
Loading

image/XIAO-ESP32-S3-20-768x628.jpg

87.6 KB
Loading
89.8 KB
Loading

image/XIAO-MG24-768x628.png

276 KB
Loading

0 commit comments

Comments
 (0)