Consistent hero layouts, activity page redesign, new content, and YouTube embeds

- Product pages (Code Editor, Robot Simulator): text-left/image-right hero layout
- Related resources capped at 3 items on all product pages
- Making Music activities renamed to I, II, III
- New Maze I/II/III and Sumo I/II/III difficulty-graded activities
- YouTube demo videos restored on 12 activity pages from old site
- Activity pages: two-column hero with coding skills & rover concepts tags
- Blog/news pages: same two-column hero layout with date
- Resource type extended with codingSkills, roverConcepts, tags fields
- Removed raw "Relevant Coding Skills/Rover Concepts" text from activity MDX

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tim Hadwen
2026-03-01 23:56:05 +10:00
parent 1dd622cbf5
commit 99534e779a
31 changed files with 853 additions and 1199 deletions

View File

@@ -3,6 +3,8 @@ title: "Activity: Conversation Bot"
date: "2021-06-03"
categories: ["Activities", "All"]
tags: ["Branching", "Iteration", "Buzzer", "LEDs", "Beginner"]
codingSkills: ["Branching", "Iteration"]
roverConcepts: ["Buzzer", "LEDs"]
excerpt: "Learn iteration, branching, and how to use the buzzer and LEDs."
featuredImage: "/images/resources/conversation-bot.png"
---
@@ -10,51 +12,9 @@ featuredImage: "/images/resources/conversation-bot.png"
Use the input block to create a conversation between you and your rover. Use variables to save information in the conversation or ask the robot to do different tasks.
####
Relevant Coding Skills
### Activity Demonstration
Branching
Iteration
Functions
Variables
--&gt;
Algorithm Design
--&gt;
Maths
####
Relevant Rover Concepts
Ultrasonic
--&gt;
IR
--&gt;
Colour
Gyroscope
Accelerometer
Motors
--&gt;
LEDs
Buzzer
Activity Demonstration
<iframe width="560" height="315" src="https://www.youtube.com/embed/vMITCAwrKuw" title="Conversation Bot Activity Demonstration" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
### Setup