Build Your Kit page and full Micromelon website

Complete website build including:
- Build Your Kit store page with cart system, sectioned layout
  (Hardware, Software, Attachments, Spare Parts), inline quote
  request form, and sticky sidebar summary
- 16+ pages: Education, Platform, Resources, News, About Us,
  Download, Contact, Rover, Code Editor, Robot Simulator, etc.
- 89+ MDX resource articles and 18 news posts
- Store product images scraped from micromelon.com.au
- Quote request API route with Airtable integration
- Dynamic back links and cover photos on resource pages
- Redesigned downloads page
- Fixed corrupted MDX code blocks

content/resources/driving-shapes.mdx

@@ -0,0 +1,142 @@
+---
+title: "Activity: Driving Shapes"
+date: "2021-06-03"
+categories: ["Activities", "All", "Simulator Activities"]
+tags: ["Iteration", "Motors", "Beginner"]
+excerpt: "Learn iteration and how to control the Rover’s motors."
+featuredImage: "/images/resources/driving-shapes.png"
+---
+
+**  |  **
+
+Learn to make your rover move and draw shapes with it. Start by making the rover drive in a square, then a triangle. Simplify your code with a loop and create more complex shapes like hexagons and octagons.
+
+####
+  Relevant Coding Skills
+
+    Branching
+
+	-->
+
+    Iteration
+
+    Functions
+
+    Variables
+
+	-->
+
+    Algorithm Design
+
+  -->
+
+    Maths
+
+####
+   Relevant Rover Concepts
+
+    Ultrasonic
+
+ -->
+
+    IR
+
+	 -->
+
+    Colour
+
+    Gyroscope
+
+    Accelerometer
+
+    Motors
+
+    LEDs
+
+	-->
+
+    Buzzer
+
+ 	-->
+
+Activity Demonstration
+
+### Setup
+
+All you need is a flat, uniform surface to drive on. Different surfaces have different friction properties. This means the tracks will slip differently dependent on where the rover is driving. Some movement blocks such as turn by degrees are calibrated for an average friction. When driving on other surfaces you may need to turn more or less to get the desired angle.
+
+### Here’s Our Approach
+
+#### **Stage 1**
+
+Use the basic movement blocks to program the rover to go forward then turn. Using the turn by degree blocks makes it easier to alter the code for other shapes.
+
+#### **Stage 2**
+
+Use a repeat loop block and change the number to the number of sides in your shape. Place your movement blocks inside the repeat.
+
+#### **Stage 3**
+
+To draw different shapes, change the number of times the loop repeats and the number of degrees in a turn.
+
+![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1622683780748-J2UOEJYBV1BCQL6KEOTU/drivingshapes-answer.png)
+
+Example Code
+
+### Related Posts
+
+          Resources
+
+      [
+
+![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1639455538805-9NI7CPKR7IYG6D4RBKAN/high+quality+sumo.png)
+
+  ](/resources/creating-a-sumo-unit)
+
+	[All](/resources?category=All)
+
+                [Creating A Sumo Unit For Your Digital Technologies Class](/resources/creating-a-sumo-unit)
+
+	[All](/resources?category=All)
+
+How to run a sumo unit in your digital technologies classroom.
+
+                [Read More →](/resources/creating-a-sumo-unit)
+
+	[All](/resources?category=All)
+
+      [
+
+![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1637464845856-BBPD7GTIIHHOSJCFORWF/the+ultrasonic+sensor.png)
+
+  ](/resources/ultrasonic-sensor)
+
+	[All](/resources?category=All), [Guides](/resources?category=Guides)
+
+                [The Ultrasonic Sensor](/resources/ultrasonic-sensor)
+
+	[All](/resources?category=All), [Guides](/resources?category=Guides)
+
+Learn all about the ultrasonic sensor!
+
+                [Read More →](/resources/ultrasonic-sensor)
+
+	[All](/resources?category=All), [Guides](/resources?category=Guides)
+
+      [
+
+![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1625616494179-LZHZP5MUA0E0MQKEB7HC/cropped+image+4.png)
+
+  ](/resources/year-7-digital-tech-at-st-peters)
+
+	[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)
+
+                [Case Study: Year 7 Digital Tech at St Peters Lutheran College](/resources/year-7-digital-tech-at-st-peters)
+
+	[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)
+
+See how Meg Foley at St Peters conducted a challenge for their Year 7s using Micromelon.
+
+                [Read More →](/resources/year-7-digital-tech-at-st-peters)
+
+	[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)