Migrate docs from the other repo

docs/lessons/beautiful-image/activity.md

@@ -0,0 +1,32 @@
+# beautiful image blocks activity
+
+Generate and show a beautiful image. #docs #microbit
+
+### ~avatar avatar
+
+### @video td/videos/beautiful-image-0
+
+Let's learn how to show an image on the LED screen.
+
+### ~
+
+To create a new script, go to the [Create Code](/microbit/create-code) page and tap *New Project* under the *Block Editor*.
+
+We will use *show LEDs* to draw an image on the LED screen. This function immediately writes on the screen.
+
+```blocks
+basic.showLeds(`
+    # # # # #
+    # # . # #
+    # . # . #
+    # # . # #
+    # # # # #
+    `)
+```
+
+### ~avatar boothing
+
+Excellent, you're ready to continue with the [challenges](/microbit/lessons/beautiful-image/challenges)!
+
+### ~
+

docs/lessons/beautiful-image/challenges.md

@@ -0,0 +1,47 @@
+# beautiful image blocks challenges
+
+Coding challenges for the beautiful image tutorial. 
+
+## Before we get started
+
+Complete the [beautiful image](/microbit/lessons/beautiful-image/activity) activity and your code will look like this:
+
+```blocks
+basic.showLeds(`
+    # # # # #
+    # # . # #
+    # . # . #
+    # # . # #
+    # # # # #
+    `)
+```
+
+### Challenge 1
+
+### @video td/videos/beautiful-image-1-2
+
+Now show an new image that will display on the micro:bit.
+
+```blocks
+basic.showLeds(`
+    # # # # #
+    # # . # #
+    # . # . #
+    # # . # #
+    # # # # #
+    `)
+basic.showLeds(`
+    # . # . #
+    . # # # .
+    . . # . .
+    . # # # .
+    # . # . #
+    `)
+```
+
+* *Run* your code to see if it works as expected.
+
+### Challenge 2
+
+Nice job! Why don't we create a third image that will show after the other two? Remember to add a pause before you create and show the image.
+