diff --git a/docs/behind-the-makecode-hardware.md b/docs/behind-the-makecode-hardware.md
new file mode 100644
index 00000000..06e1ae93
--- /dev/null
+++ b/docs/behind-the-makecode-hardware.md
@@ -0,0 +1,28 @@
+# Behind the MakeCode Hardware
+
+* [Watch Playlist on Youtube](https://www.youtube.com/watch?v=qqBmvHD5bCw&list=PLMMBk9hE-SeqDYtw9pGNPsQ10V_EGMyGe)
+
+## Videos
+
+```codecard
+[
+    {
+        "name": "LEDs",
+        "description": "A fun video to learn how lights work",
+        "youTubeId": "qqBmvHD5bCw",
+        "imageUrl": "/static/mb/behindhardware/leds.jpg"
+    },
+    {
+        "name": "Buttons",
+        "description": "A fun video to learn how buttons work",
+        "youTubeId": "t_Qujjd_38o",
+        "imageUrl": "/static/mb/behindhardware/buttons.jpg"
+    },
+    {
+        "name": "Accelerometer",
+        "description": "A fun video to learn how the accelerometer detect motion",
+        "youTubeId": "byngcwjO51U",
+        "imageUrl": "/static/mb/behindhardware/accelerometer.jpg"
+    }
+]
+```
diff --git a/docs/projects/dice.md b/docs/projects/dice.md
index e6aec085..c4634192 100644
--- a/docs/projects/dice.md
+++ b/docs/projects/dice.md
@@ -2,12 +2,15 @@
 
 ## Introduction @unplugged
 
+Let's turn the @boardname@ into a dice!
+(Want to learn how the accelerometer works? [Watch this video](https://youtu.be/byngcwjO51U)).
+
 ![A microbit dice](/static/mb/projects/dice.png)
 
-Let's turn the @boardname@ into a dice! To do this, we need 3 pieces of code: one to detect a throw (shake), another to pick a random number, and then one to show the number.
-
 ## Step 1 @fullscreen
 
+We need 3 pieces of code: one to detect a throw (shake), another to pick a random number, and then one to show the number.
+
 Place the ``||input:on shake||`` block onto the editor workspace. It runs code when you shake the @boardname@.
 
 ```blocks
diff --git a/docs/projects/flashing-heart.md b/docs/projects/flashing-heart.md
index 9a0cabf7..4330318b 100644
--- a/docs/projects/flashing-heart.md
+++ b/docs/projects/flashing-heart.md
@@ -2,9 +2,11 @@
 
 ## Introduction @unplugged
 
-Learn how to use the LEDs and make a flashing heart!
+Learn how to use the LEDs and make a flashing heart! 
+(Want to learn how lights work? [Watch this video](https://youtu.be/qqBmvHD5bCw)).
 
-![Heart shape in the LEDs](/static/mb/projects/flashing-heart/show-leds.gif)
+
+![Heart shape in the LEDs](/static/mb/projects/flashing-heart/sim.gif)
 
 ## Step 1 @fullscreen
 
diff --git a/docs/projects/smiley-buttons.md b/docs/projects/smiley-buttons.md
index bb28dd3f..1d66da05 100644
--- a/docs/projects/smiley-buttons.md
+++ b/docs/projects/smiley-buttons.md
@@ -3,8 +3,9 @@
 ## Introduction @unplugged
 
 Code the buttons on the @boardname@ to show that it's happy or sad.
+(Want to learn how the buttons works? [Watch this video](https://youtu.be/t_Qujjd_38o)).
 
-![Pressing the A and B buttons](/static/mb/projects/smiley-buttons/smiley-buttons.gif)
+![Pressing the A and B buttons](/static/mb/projects/smiley-buttons/sim.gif)
 
 ## Step 1 @fullscreen
 
diff --git a/docs/static/mb/behindhardware/accelerometer.jpg b/docs/static/mb/behindhardware/accelerometer.jpg
new file mode 100644
index 00000000..ebad6889
Binary files /dev/null and b/docs/static/mb/behindhardware/accelerometer.jpg differ
diff --git a/docs/static/mb/behindhardware/buttons.jpg b/docs/static/mb/behindhardware/buttons.jpg
new file mode 100644
index 00000000..43a5bd7c
Binary files /dev/null and b/docs/static/mb/behindhardware/buttons.jpg differ
diff --git a/docs/static/mb/behindhardware/leds.jpg b/docs/static/mb/behindhardware/leds.jpg
new file mode 100644
index 00000000..e72927e4
Binary files /dev/null and b/docs/static/mb/behindhardware/leds.jpg differ
diff --git a/docs/static/mb/projects/flashing-heart/sim.gif b/docs/static/mb/projects/flashing-heart/sim.gif
new file mode 100644
index 00000000..7c747185
Binary files /dev/null and b/docs/static/mb/projects/flashing-heart/sim.gif differ
diff --git a/docs/static/mb/projects/smiley-buttons/sim.gif b/docs/static/mb/projects/smiley-buttons/sim.gif
new file mode 100644
index 00000000..ba19dc53
Binary files /dev/null and b/docs/static/mb/projects/smiley-buttons/sim.gif differ
diff --git a/docs/tutorials.md b/docs/tutorials.md
index 9d1b6ede..c59a1230 100644
--- a/docs/tutorials.md
+++ b/docs/tutorials.md
@@ -10,6 +10,7 @@ Here are some cool tutorials to get you started with your @boardname@!
   "url":"/projects/flashing-heart",
   "description": "Make an animated flashing heart.",
   "imageUrl": "/static/mb/projects/a1-display.png",
+  "largeImageUrl": "/static/mb/projects/flashing-heart/sim.gif",
   "cardType": "tutorial",
   "label": "New? Start Here!",
   "labelClass": "purple ribbon large"
@@ -24,6 +25,7 @@ Here are some cool tutorials to get you started with your @boardname@!
   "url":"/projects/smiley-buttons",
   "description": "Show different smiley images by pressing the buttons.",
   "imageUrl": "/static/mb/projects/a2-buttons.png",
+  "largeImageUrl": "/static/mb/projects/smiley-buttons/sim.gif",
   "cardType": "tutorial"
 }, {
   "name": "Dice",
diff --git a/targetconfig.json b/targetconfig.json
index 2ceae419..79ef4aab 100644
--- a/targetconfig.json
+++ b/targetconfig.json
@@ -105,7 +105,8 @@
         "Tools": "projects/tools",
         "Turtle": "projects/turtle",
         "Blocks To JavaScript": "courses/blocks-to-javascript",
-        "Courses": "courses"
+        "Courses": "courses",
+        "Behind the MakeCode Hardware": "behind-the-makecode-hardware"
     },
     "electronManifest": {
         "latest": "v1.2.7"