Just a high schooler sharing robot stuff — builds, code, designs, and WRO competition things.
This is the source code for https://haing2811.github.io/robotrizz/robotrizz.html. If you see anything you like — code, ideas, whatever — feel free to take it. No need to ask.
robotrizz/
│
├── 📄 robotrizz.html ← Main homepage
├── 📄 product.html ← Detail page for each card
│
├── 🖼️ iconrb.png ← RobotRizz logo
├── 🖼️ kidengineer.png ← Kid Engineer badge
├── 🖼️ tps.png ← TPS badge
├── 🖼️ wro.png ← WRO badge
│
├── 🖼️ robot1_main.png ← Robot card images
├── 🖼️ robot2_main.png
│
├── 🖼️ code1_main.png ← Code card images
├── 🖼️ code2_main.png
│
├── 🖼️ latest1.png ← Video thumbnails
└── 🖼️ latest2.png
The homepage has 4 sections, navigable by scrolling or the sidebar dots:
| # | Section | What's there |
|---|---|---|
| 01 | Robots | Physical builds — 3D renders, competition bots |
| 02 | Code | SPIKE Prime scripts, color sensor stuff, block code |
| 03 | Design | 3D models, schematics, visual stuff |
| 04 | Random | Instagram, videos, experiments, whatever |
Each section is a scrollable carousel of cards. Clicking a card opens the detail page.
A lot of the content here is for WRO Junior 2026 — theme Robots Meet Culture. The code specifically covers the Color Reading mission: detecting red, green, blue, black, and yellow on the mat using a SPIKE Prime color sensor.
The color logic reads HSV + raw RGB values across 50 samples and picks the most common result — makes it way more reliable than a single read.
Just plain HTML, CSS, and JavaScript. No frameworks, no npm, nothing to install. Open the file in a browser and it runs.
- Orbitron + Space Mono from Google Fonts
- Vanilla JS for the carousels and scroll dots
- SPIKE Prime Python for the robot code (async/await)
- 📺 YouTube: @rizzler-robots
- 📸 Instagram: @robot_rizz
- 📧 Email: robotrizz.vn@gmail.com
feel free to use anything here 🤖