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: Prison Escape"
date: "2021-06-03"
categories: ["Activities", "All"]
tags: ["Colour Sensors", "Branching", "Iteration", "Motors", "Intermediate"]
codingSkills: ["Branching", "Iteration"]
roverConcepts: ["Colour", "Motors"]
excerpt: "Learn branching and iteration using the colour sensors and motors."
featuredImage: "/images/resources/prison-escape.png"
---
@@ -10,53 +12,9 @@ featuredImage: "/images/resources/prison-escape.png"
Use the colour sensors to find and drive through the gap in the box. Rovers start in the middle facing a random direction and must leave through the gap, they cannot drive over the lines.
####
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
LEDs
--&gt;
Buzzer
--&gt;
Activity Demonstration
<iframe width="560" height="315" src="https://www.youtube.com/embed/uYk3tOwX6rw" title="Prison Escape Activity Demonstration" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
### Setup