pxt-microbit Accessibility PR (#529)

* Accessibility changes
2017-09-07 13:42:08 -07:00
parent 3f87576a50
commit e3975e65e5
357 changed files with 1641 additions and 3540 deletions
@@ -1,12 +1,12 @@
 # banana keyboard

-### @description A beginner maker activity, building a piano from bananas.
+## @description A beginner maker activity, building a piano from bananas.

-### ~avatar
+## ~avatar

 Build your own @boardname@ piano using bananas!

-### ~
+## ~

 ![](/static/mb/lessons/banana-keyboard-0.png)

@@ -24,6 +24,6 @@ Build your own @boardname@ piano using bananas!
 * [Make](/projects/banana-keyboard/make)  
 * [Code](/projects/banana-keyboard/code)

-### ~button /projects/banana-keyboard/make
+## ~button /projects/banana-keyboard/make
 Let's get started!
-### ~
+## ~
@@ -9,13 +9,13 @@

 ## Steps

-### Step 1
+## Step 1

 ![](/static/mb/lessons/banana-keyboard-1.png)

 Using the 1st crocodile clip, connect the end of the crocodile clip onto GND pin on the @boardname@.

-### Step 2
+## Step 2

 ![](/static/mb/lessons/banana-keyboard-2.png)

@@ -23,13 +23,13 @@ Using the 1st crocodile clip, connect the end of the crocodile clip onto GND pin

 Using the 2nd crocodile clip, connect the end of the crocodile clip onto the 0 pin on the @boardname@.

-### Step 3
+## Step 3

 ![](/static/mb/lessons/banana-keyboard-4.png)

 Using the 1st crocodile clip, connect the second end of the crocodile clip onto based of the headphone jack.

-### Step 4
+## Step 4

 ![](/static/mb/lessons/banana-keyboard-5.png)

@@ -37,13 +37,13 @@ Using the 1st crocodile clip, connect the second end of the crocodile clip onto

 Using the 2nd crocodile clip, connect the second end of the crocodile clip onto tip of the headphone jack.

-### Step 5
+## Step 5

 ![](/static/mb/lessons/banana-keyboard-7.png)

 Using the 3rd crocodile clip, connect the end of the crocodile clip onto the 1st crocodile clip already clipped onto GND.

-### Step 6
+## Step 6

 ![](/static/mb/lessons/banana-keyboard-8.png)

@@ -51,25 +51,25 @@ Using the 3rd crocodile clip, connect the end of the crocodile clip onto the 1st

 Using the 3rd crocodile clip, connect the unattached end of the crocodile clip onto the orange.

-### Step 7
+## Step 7

 ![](/static/mb/lessons/banana-keyboard-10.png)

 Using the 4th crocodile clip, connect the end of the crocodile clip onto pin 1 on the @boardname@.

-### Step 8
+## Step 8

 ![](/static/mb/lessons/banana-keyboard-11.png)

 Using the 4th crocodile clip, connect the unattached end of the crocodile clip onto the banana.

-### Step 9
+## Step 9

 ![](/static/mb/lessons/banana-keyboard-12.png)

 Your banana keyboard is ready!

-### Step 10
+## Step 10

 Connect your @boardname@ to your computer using your USB cable and run this script:
 ```blocks
@@ -80,6 +80,6 @@ input.onPinPressed(TouchPin.P1, () => {

 Tap your banana instrument to play sound against... the fruit!

-### ~button /projects/banana-keyboard/code
+## ~button /projects/banana-keyboard/code
 NEXT: beat box
-### ~
+## ~
@@ -1,12 +1,12 @@
 # The amazing coin flipper

-### ~avatar avatar
+## ~avatar avatar

 Are you trying to choose whether to play soccer or go to the movies
 instead, or which toppings to have on your pizza?  Build a coin
 flipping machine with the @boardname@ to choose for you!

-### ~
+## ~

 Here are the blocks to make your coin flipper.  When you press button
 `B`, the coin flipper will show either `H` for heads or `T` for tails
@@ -21,7 +21,7 @@ input.onButtonPressed(Button.B, () => {
    }
 });
 ```
-### ~hint
+## ~hint

 The `[Math.randomBoolean()]` block randomly tells the ``if``
 block `true` or `false`.  If value picked is `true`, the
@@ -29,16 +29,16 @@ block `true` or `false`.  If value picked is `true`, the

 That's it!

-### ~
+## ~

-### Keeping score
+## Keeping score

-#### ~avatar
+### ~avatar

 To keep track out of how many guesses you've won,
 add these blocks to your coin flipper:

-#### ~
+### ~

 ```blocks
 input.onButtonPressed(Button.A, () => {
@@ -4,11 +4,11 @@

 Display the direction that the @boardname@ is facing using the compass 

-### ~avatar avatar
+## ~avatar avatar

 Welcome! This guided tutorial will show you how to program a script that displays the direction the @boardname@ is pointing. Let's get started!

-### ~
+## ~

 ## Step 1

@@ -1,11 +1,11 @@

 # Fireflies

-### ~ avatar
+## ~ avatar

 Turn your @boardname@ into fireflies.

-### ~
+## ~

 https://youtu.be/ZGvtnE1Wy6U

@@ -18,7 +18,7 @@ Go to http://ncase.me/fireflies/ and read about the fireflies synchronization ph
 We want to create virtual fireflies using multiple @boardname@ (each @boardname@ acts as a firefly).
 Let's review some of the key points of the article:

-### "Each firefly has its own individual internal clock"
+## "Each firefly has its own individual internal clock"

 A clock in this case is like a counter, so we will start by adding a ``clock`` variable to our program.

@@ -27,7 +27,7 @@ A clock in this case is like a counter, so we will start by adding a ``clock`` v
 let clock = 1
 ```

-### "and every time the clock “strikes twelve”, it flashes."
+## "and every time the clock “strikes twelve”, it flashes."

 We can use a [forever](/reference/basic/forever) loop to repeat code that increments the clock.
 When the clock reaches "noon" (let's pick `8`), we turn on the screen briefly (by using the game score animation)
@@ -53,7 +53,7 @@ basic.forever(() => {
 })
 ```

-### Step 1: when you see a nearby firefly flash, nudge your clock a little bit forward.
+## Step 1: when you see a nearby firefly flash, nudge your clock a little bit forward.

 The @boardname@ can send radio messages to neighbor @boardname@.
 We can use these messages to simulate the "flashes" of light. 
@@ -94,7 +94,7 @@ radio.onDataPacketReceived(() => {
 })
 ```

-### Putting all together
+## Putting all together

 https://youtu.be/XzZeB4yYnEw

@@ -1,12 +1,12 @@
 # Guitar

-### @description A beginner-intermediate maker activity, building a guitar with the @boardname@  
+## @description A beginner-intermediate maker activity, building a guitar with the @boardname@  

-### ~avatar avatar
+## ~avatar avatar

 Make a @boardname@ guitar with this guided tutorial!

-### ~
+## ~

 https://youtu.be/GYmdTFvxz80

@@ -33,8 +33,8 @@ https://youtu.be/GYmdTFvxz80
 * [Accelerometer Beat control](/projects/guitar/accelerometer)  
 * [Pin Press Switch](/projects/guitar/pinpress)  

-### ~button /projects/guitar/make
+## ~button /projects/guitar/make

 Let's get started!

-### ~
+## ~
@@ -1,8 +1,8 @@
 # Accelerometer Beat control

-### @description @boardname@ guitar: using accelerometer to control tempo
+## @description @boardname@ guitar: using accelerometer to control tempo

-### ~avatar avatar
+## ~avatar avatar

 Use the Accelerometer to control guitar tempo
 * Concepts:
@@ -15,7 +15,7 @@ Use the Accelerometer to control guitar tempo
     * Graphing
     * Absolute value

-### ~  
+## ~  

 ## Duration: 30 - 45 minutes  
  
@@ -51,7 +51,7 @@ If the force along **Y** grows, the @boardname@ is tilting more and more vertica
 The acceleration block approximately measures **milli-g**, which is 1/1000 of a **g** or the 
 acceleration of gravity. 

-### Step 1: Graphing acceleration 
+## Step 1: Graphing acceleration 
 ```blocks
 basic.forever(() => {
    led.plotBarGraph(input.acceleration(Dimension.Y), 1023)
@@ -63,17 +63,17 @@ basic.forever(() => {
  
 **Test the movements that move the graph from 1 to 5 bars on the LEDs** 

-### Extra
+## Extra

 Try graphing the acceleration along the **X** and **Z** axis. Can you explain the differences?

-### ~hint  
+## ~hint  
 ## Mapping  
 **It is common to map one standard to another - such as with temperature**  
 ![Fahrenheit to Celsius](/static/mb/projects/guitar/map_analogy.png "Fahrenheit to Celsius")  
-### ~
+## ~

-### Step 2: Mapping acceleration to Beat
+## Step 2: Mapping acceleration to Beat
 **@boardname@ sensors produce signal values between 0 to 1023. The *[map block](/reference/pins/map)* converts the signal to a desired range.**    
 ```blocks
 basic.forever(() => {
@@ -90,7 +90,7 @@ basic.forever(() => {
  
 **Test the movements that speed and slow the tempo**  

-### Step 3: Combine with light sensor tone control  
+## Step 3: Combine with light sensor tone control  
 **Put it all together!**

 ```blocks
@@ -108,8 +108,8 @@ basic.forever(() => {
  
 **Download the code** to the @boardname@ on the guitar    

-###  Now play the guitar adjusting tone and tempo using the light sensor and accelerometer!
+##  Now play the guitar adjusting tone and tempo using the light sensor and accelerometer!

-### ~button /projects/guitar/pinpress
+## ~button /projects/guitar/pinpress
 NEXT: Pin Press on/off
-### ~
+## ~
@@ -1,14 +1,14 @@
 # Buttons, Display & Sound
-### @description @boardname@ guitar: using buttons with display and sound
+## @description @boardname@ guitar: using buttons with display and sound

-### ~avatar avatar
+## ~avatar avatar
 Use Button Events to control LED Display and play Sound
 * **Concepts:**
     * Events
     * Tone/Note
     * Sequence

-### ~
+## ~

 ## Duration: 30 - 45 minutes

@@ -108,7 +108,7 @@ Attach the @boardname@ & battery-pack to the guitar body
 https://youtu.be/ewyEW_U5G9M
 Connect the headphones with crocodile clips

-### ~hint
+## ~hint
 ## The @boardname@ can play music

 The **play tone** block allows a range letter note tones from **C** to **B5**.
@@ -129,7 +129,7 @@ input.onButtonPressed(Button.A, () => {
    music.playTone(Note.E, music.beat(BeatFraction.Whole))
 })
 ```
-### ~
+## ~
 ## Step 4: Add Tone Playing Events for Buttons A & B
 ```blocks
 input.onButtonPressed(Button.A, () => {
@@ -174,6 +174,6 @@ From **Music**, drag **play tone *C* for *1* beat** block under the **show leds*
 * [Hack your headphones](/projects/hack-your-headphones)


-### ~button /projects/guitar/lightsensor
+## ~button /projects/guitar/lightsensor
 NEXT: Light Sensor Tone Control
-### ~
+## ~
@@ -1,8 +1,8 @@
 # Light Sensor Tone control

-### @description @boardname@ guitar: using light sensor to control tone
+## @description @boardname@ guitar: using light sensor to control tone

-### ~avatar avatar
+## ~avatar avatar

 Use the Light Sensor to the control tone for this [Theremin](https://en.wikipedia.org/wiki/Theremin) inspired guitar

@@ -13,7 +13,7 @@ Use the Light Sensor to the control tone for this [Theremin](https://en.wikipedi
     * Ratio Mapping
     * Forever Loop
     * Math (multiplication) with code properties
-### ~
+## ~

 ## Duration: 30 - 45 minutes

@@ -61,8 +61,8 @@ Experiment to see the effect on graph height when the **plot bar graph** value *
 **255 is the maximum light input reading**, try numbers smaller than 255
 **Find a value** that allows the graph to show 1 - 5 bars

-### ~hint
-### Frequency
+## ~hint
+## Frequency
 **Frequency** measured in Hz which are cycles per second or vibrations per second
  * A healthy human ear can detect frequencies in the range of 20Hz to 20,000Hz.
  * The @boardname@ + headphones reliably produce detectable output ~50Hz - 6,000Hz.
@@ -76,7 +76,7 @@ by replacing the letter **C** note with a **number** block that has the value it
 ```blocks
 music.playTone(261, music.beat(BeatFraction.Half))
 ```
-### ~
+## ~

 ## Step 3: Multiply Frequency using Math blocks
 ```blocks
@@ -86,7 +86,7 @@ input.onButtonPressed(Button.A, () => {
 ```
 Create a **play tone** block using a **Math** section, **multiplication** block to set *tone*

-### Next
+## Next
 **Add** a **B** button block that multiplies the **261** tone by a number other than 2 to set tone

 **Download the code to the @boardname@**
@@ -110,6 +110,6 @@ Cover the LEDs with your hand to vary light detected to control the tone
 ## Good work, this guitar is sounding good!
 **Challenge:** Create a variable for the light level multiplier that you can change using buttons (optional)

-### ~button /projects/guitar/accelerometer
+## ~button /projects/guitar/accelerometer
 NEXT: Accelerometer Beat control
-### ~
+## ~
@@ -1,11 +1,11 @@
 # Making the Guitar Body
-### @description Maker Project for Guitar Body for @boardname@
+## @description Maker Project for Guitar Body for @boardname@

-### ~avatar avatar
+## ~avatar avatar

 Make the Guitar Body for your @boardname@ Guitar

-### ~
+## ~

 ## Duration: ~45 minutes

@@ -25,12 +25,12 @@ https://youtu.be/xMSrWaOZkFg
 the shape of your guitar
 * Trace the design on a flat piece of cardboard (40-80 cm is best)

-### ~hint
+## ~hint

   * Avoid small details that are difficult to cut into cardboard
   * Unfolding a box gives longer pieces of cardboard and creases can be reinforced

-### ~
+## ~

 ## Step 2: Cut out the body
 *cutting the cardboard*
@@ -54,6 +54,6 @@ https://youtu.be/q0GkQdJmxjE

 Strengthen the guitar next with an angled cardboard strip (*optional*).

-### ~button /projects/guitar/displaybuttons
+## ~button /projects/guitar/displaybuttons
 NEXT: Buttons, Display and Sound
-### ~
+## ~
@@ -1,8 +1,8 @@
 # Pin Press Switch

-### @description @boardname@ guitar: use pin press to toggle guitar play on/off
+## @description @boardname@ guitar: use pin press to toggle guitar play on/off

-### ~avatar avatar
+## ~avatar avatar
 Use pin press to switch guitar play on/off

 * Concepts:
@@ -11,7 +11,7 @@ Use pin press to switch guitar play on/off
    * Variable/Global-Variable
    * Conditional: **`if`**, **`else`**
    * Boolean: **`True`/`False`**
-### ~
+## ~

 ## Duration: approximately 45 minutes

@@ -29,7 +29,7 @@ input.onPinPressed(TouchPin.P1, () => {})



-### ~hint
+## ~hint
 ## Circuits & Switches
 * **Circuits** need a power supply (battery), a resister (like a LED) & a conductor (metal, water, hand)
 * **Switches** turn electric power on by closing (completing) a circuit with a conductor so power can flow
@@ -38,7 +38,7 @@ input.onPinPressed(TouchPin.P1, () => {})

 **In this activity we use YOU to conduct electricity**
 **to close the circuit that switches the guitar ON and OFF!**
-### ~
+## ~

 ## Step 1: Pin Press Test

@@ -62,9 +62,9 @@ https://youtu.be/PAIU-vHqyGU
 **Hold the @boardname@ touching The GND pin with one hand**
 **with the other hand alternately touch the 0, 1 and 2 pins**

-### ~hint
+## ~hint
 **The electric signal traveled from pins, between your hands to `GND` and the @boardname@ detected the electric signal!**
-### ~
+## ~

 ## Step 2: Installing conductive foil on the guitar
 https://youtu.be/NX0ECcpXFes
@@ -1,12 +1,12 @@
-# hack your headphones 
+# Hack your headphones 

-### @description A beginner maker activity, building a piano from bananas.
+## @description A beginner maker activity, building a piano from bananas.

-### ~avatar
+## ~avatar

 Build your own music player @boardname@ from headphones.

-### ~
+## ~

 ![](/static/mb/lessons/hack-your-headphones-0.png)

@@ -21,7 +21,7 @@ Build your own music player @boardname@ from headphones.

 # ~hint

-**No crocodile clips!?!?!** Use wires or Aluminium foil! [Read more...](/device/foil-circuits)
+**No crocodile clips!?!?!** Use [wires or aluminium foil](/device/foil-circuits)!

 # ~

@@ -30,8 +30,8 @@ Build your own music player @boardname@ from headphones.
 * [Make](/projects/hack-your-headphones/make)
 * [Code](/projects/hack-your-headphones/code)

-### ~button /projects/hack-your-headphones/make
+## ~button /projects/hack-your-headphones/make

 Let's get started!

-### ~
+## ~
@@ -1,10 +1,10 @@
 # Code

-### ~avatar avatar
+## ~avatar avatar

 Have you ever tried to making beat box sounds based on the light level? Let's try making a beatbox with code!

-### ~
+## ~

 Let's start by adding a variable where you can store data. Then rename the variable to "light". Then set the value of the variable to the block `light level` from the Input drawer. This will gets the `light level` from 0 (dark) to 255 (bright). The light is measured by using various LEDs from the screen. Modify your code so that your code looks like this.

@@ -1,24 +1,24 @@
 # Make

-### ~avatar avatar
+## ~avatar avatar

 Did you know you could attach your headhpones to the @boardname@ to generate sounds?

-### ~
+## ~

 # ~hint

-**No crocodile clips!?!?!** Use wires or Aluminium foil! [Read more...](/device/foil-circuits)
+**No crocodile clips!?!?!** Use [wires or aluminium foil](/device/foil-circuits)!

 # ~

-### Step 1
+## Step 1

 ![](/static/mb/lessons/banana-keyboard-1.png)

 Using the 1st crocodile clip, connect the end of the crocodile clip onto GND pin on the @boardname@.

-### Step 2
+## Step 2

 ![](/static/mb/lessons/banana-keyboard-2.png)

@@ -26,13 +26,13 @@ Using the 1st crocodile clip, connect the end of the crocodile clip onto GND pin

 Using the 2nd crocodile clip, connect the end of the crocodile clip onto the 0 pin on the @boardname@.

-### Step 3
+## Step 3

 ![](/static/mb/lessons/banana-keyboard-4.png)

 Using the 1st crocodile clip, connect the second end of the crocodile clip onto based of the headphone jack. The base of your headphone jack is considered the ground so it is connected to the GND of the @boardname@.

-### Step 4
+## Step 4

 ![](/static/mb/lessons/banana-keyboard-5.png)

@@ -40,14 +40,14 @@ Using the 1st crocodile clip, connect the second end of the crocodile clip onto

 Using the 2nd crocodile clip, connect the second end of the crocodile clip onto the tip of the headphone jack. The tip of your headphone jack feeds into the right speaker on the headphone. You connect from the @boardname@ pin 0 to the tip of the right side of your headphone. Use the tip of the headphone jack to play sounds.

-### Step 5
+## Step 5

 ![](/static/mb/lessons/hack-your-headphones-0.png)

 You hacked your headphones!

-### ~button /projects/hack-your-headphones/code
+## ~button /projects/hack-your-headphones/code

 NEXT: music of light

-### ~
+## ~
@@ -1,12 +1,12 @@
 # Hot Or Cold

-### @description A Hot-or-Cold treasure hunt game
+## @description A Hot-or-Cold treasure hunt game

-### ~avatar avatar
+## ~avatar avatar

 Find the hidden @boardname@ before the other players!

-### ~
+## ~

 https://youtu.be/nbRfNug-RkY

@@ -15,7 +15,7 @@ https://youtu.be/nbRfNug-RkY
 In this game, players are looking for hidden @boardname@ that emit radio signals. 
 The hidden @boardname@ are called **beacons**.

-### Setting up the radio
+## Setting up the radio

 We set the radio group to ``1`` to make sure all the players are using the same group. 
 We also tell the @boardname@ to transmit its serial number (that's a unique number that identifies it)
@@ -27,7 +27,7 @@ radio.setTransmitSerialNumber(true)
 radio.setTransmitPower(6)
 ```

-### Beacon gotta beam
+## Beacon gotta beam

 The beacon simply needs to send a radio message every now and then. To pace it out, 
 we add some ``|show icon|`` blocks to animate the screen.
@@ -45,7 +45,7 @@ radio.setTransmitSerialNumber(true)
 radio.setTransmitPower(6)
 ```

-### Hide the beacons
+## Hide the beacons

 Download the code to your beacon @boardname@ and hide them!

@@ -53,7 +53,7 @@ Download the code to your beacon @boardname@ and hide them!

 The hunter @boardname@ look for beacons. 

-### Is the beacon close?
+## Is the beacon close?

 To determine how far or close, we use the signal strength of each radio packet sent by the beacons. The signal
 strength ranges from ``-128db`` (weak) to ``-42db`` (very strong). 
@@ -71,7 +71,7 @@ Take notes of the values as you move around the beacon.
 * mild signal value: ``_________________``
 * cold signal value: ``_________________``

-### Hot or cold?
+## Hot or cold?

 The hunter screen displays ``SmallDiamond`` on the screen if the beacon is far, ``Diamond`` mildly close and ``Square`` if it is close. Use the ``signal`` values collected in the previous step to determine when to show those letters.

@@ -99,7 +99,7 @@ Download the code and play the game!

 We're making the game more interresting by counting how many beacons a player has seen so far.

-### Remember the beacons
+## Remember the beacons

 Remember that the beacon was configured to transmit its serial number? We can use this information
 to determine if we've visited a beacon for the first time.
@@ -127,7 +127,7 @@ radio.onDataPacketReceived( ({ receivedNumber, signal, serial }) =>  {
 })
 ```

-### Show my score
+## Show my score

 To see the current score, we add a ``|on button pressed|`` that displays the score on screen when ``A`` is pressed.

@@ -137,7 +137,7 @@ input.onButtonPressed(Button.A, () => {
 })
 ``` 

-### All together
+## All together

 The hunter code with all th pieces together looks like this now. Download it and try it out with multiple beacons!

@@ -1,13 +1,13 @@

 # Inchworm

-### @description A inchworm like robot built with the @boardname@
+## @description A inchworm like robot built with the @boardname@

-### ~avatar avatar
+## ~avatar avatar

 Make a funny inchworm robot!

-### ~
+## ~

 https://youtu.be/BiZLjugXMbM

@@ -37,8 +37,8 @@ https://youtu.be/BiZLjugXMbM
 * [Code](/projects/inchworm/code)  
 * [Connect](/projects/inchworm/connect)  

-### ~button /projects/inchworm/make
+## ~button /projects/inchworm/make

 Let's get started!

-### ~
+## ~
@@ -1,11 +1,11 @@
 # Code
-### @description code to make the inchworm alive
+## @description code to make the inchworm alive

-### ~avatar avatar
+## ~avatar avatar

 Add code to make the inchworm move.

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -23,13 +23,13 @@ input.onButtonPressed(Button.A, () => {
 });
 ```

-### ~ hint
+## ~ hint

 You may have noticed that the inchworm can be rather slow or simply won't move. Try to improve the design of your legs, teeth
 so that the inchworm goes as fast as possible. Trying it on carpet also great helps avoiding skidding.

-### ~
+## ~

-### ~button /projects/inchworm/connect
+## ~button /projects/inchworm/connect
 NEXT: Connect
-### ~
+## ~
@@ -1,10 +1,10 @@
 # Connect

-### ~avatar avatar
+## ~avatar avatar

 Remote control your inchworm with another @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -1,11 +1,11 @@
 # Make
-### @description Building the cardboard inchworm
+## @description Building the cardboard inchworm

-### ~avatar avatar
+## ~avatar avatar

 Turn a piece of cardboard into an inchworm!

-### ~
+## ~

 ## Duration: ~45 minutes

@@ -83,6 +83,6 @@ Your inchworm is ready!

 ![](/static/mb/projects/inchworm/ready.jpg)

-### ~button /projects/inchworm/code
+## ~button /projects/inchworm/code
 NEXT: Code
-### ~
+## ~
@@ -1,10 +1,10 @@
 # Infection

-### ~avatar avatar
+## ~avatar avatar

 There is a disease outbreak! Will you find patient zero?!?

-### ~
+## ~

 **Infection** is a distributed game which simulates 
 the propagation of an illness. **The goal is to stop the outbreak before every player dies!**
@@ -18,14 +18,14 @@ After the incubation period, the sad face will appear on the screen. After the s

 If any player survives the outbreak, the game is won. Otherwise try again!

-### ~ hint
+## ~ hint

 **Infection** is an engaging game that will get your students running around.
 We recommend playing it outside to give more space for the students.

-### ~
+## ~

-### How to play
+## How to play

 Press `A+B` to enter master mode (1 per game).

@@ -53,7 +53,7 @@ Icons used in the game:

 https://makecode.microbit.org/_gymCJCWPbiDu

-### JavaScript code
+## JavaScript code

 ```typescript
 /**
@@ -1,10 +1,10 @@
 # Karel the LED

-### ~avatar avatar
+## ~avatar avatar

 Help Karel make LED art!

-### ~
+## ~

 **Karel the LED** can't turn right, but he can make some great LED art!

@@ -14,7 +14,7 @@ The goal of this activity is to download the JavaScript code given below onto a
 then USE the program to introduce new students to the @boardname@.
 Students will not do the coding this time.  They will be users to get familiar with the board.

-### How to play
+## How to play

 * ``A button`` **Turn Left**  
 Does not draw anything just changes the direction Karel (the flashing led) is facing
@@ -29,7 +29,7 @@ Restart the program and clear the board

 Note, that there is no way to erase, other than restarting.

-### ~
+## ~

 See if you can make each pattern below using A, B, and shake.  Once you have completed a challenge press A and B at the same time to hide Karel.
 For patterns that you design decide which LEDs you want to turn on and then make that design with Karel.
@@ -59,7 +59,7 @@ Make something fun!

 Thanks for playing with Karel the LED!

-### ~
+## ~

 ```typescript
 /**
@@ -1,13 +1,13 @@

 # Light Monster

-### @description A monster made of cardboard that responds to light
+## @description A monster made of cardboard that responds to light

-### ~avatar avatar
+## ~avatar avatar

 Make a coffee cup monster that responds to light!

-### ~
+## ~

 https://youtu.be/BiZLjugXMbM

@@ -36,8 +36,8 @@ https://youtu.be/BiZLjugXMbM
 * [Code](/projects/light-monster/code)  
 * [Connect](/projects/light-monster/connect)  

-### ~button /projects/light-monster/make
+## ~button /projects/light-monster/make

 Let's get started!

-### ~
+## ~
@@ -1,11 +1,11 @@
 # Code
-### @description code to make the coffee cup monster alive
+## @description code to make the coffee cup monster alive

-### ~avatar avatar
+## ~avatar avatar

 Add code to open the mouth when light is detected.

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -24,6 +24,6 @@ basic.forever(() => {
 })
 ```

-### ~button /projects/light-monster/connect
+## ~button /projects/light-monster/connect
 NEXT: Connect
-### ~
+## ~
@@ -1,10 +1,10 @@
 # Connect

-### ~avatar avatar
+## ~avatar avatar

 Remote control your monster with another @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -1,11 +1,11 @@
 # Make
-### @description Building the light monster
+## @description Building the light monster

-### ~avatar avatar
+## ~avatar avatar

 Turn a piece of coffee holders into a monster!

-### ~
+## ~

 ## Duration: ~60 minutes

@@ -20,6 +20,6 @@ Turn a piece of coffee holders into a monster!

 TODO

-### ~button /projects/coffee-cup-monster/code
+## ~button /projects/coffee-cup-monster/code
 NEXT: Code
-### ~
+## ~
@@ -1,10 +1,10 @@
 # love meter

-### ~avatar avatar
+## ~avatar avatar

 Use pins and your body to change the display!

-### ~
+## ~

 ## Step 1

@@ -1,10 +1,10 @@
 # magic button trick 

-### ~avatar avatar
+## ~avatar avatar

 Build a magic trick that uses the @boardname@'s compass to detect a nearby magnet!

-### ~
+## ~
 This is a simple magic trick you can perform to amaze your friends, where by moving the sticky labels on your @boardname@'s **A** and **B** button you appear to make the buttons really switch over. To see the trick performed watch the video below.

 https://youtu.be/-9KvmPopov8
@@ -1,13 +1,13 @@

 # Milk Carton Robot

-### @description A half gallon milk carton robot
+## @description A half gallon milk carton robot

-### ~avatar avatar
+## ~avatar avatar

 Make a funny Milk Carton robot!

-### ~
+## ~

 https://youtu.be/Ah4fEbJtklU

@@ -17,20 +17,20 @@ https://youtu.be/Ah4fEbJtklU

 ## Materials

-### Recycled
+## Recycled

 * 1 Milk Carton **without a screwable cap**
 * 2 Coffee stiring wood sticks
 * 2 Straws
 * 2 clothespin (optional, can be replaced by glue)

-### Electronics
+## Electronics

 * 1 @boardname@, battery holder and 2 AAA batteries
 * 3 Crocodile clips to pigtail cables
 * 1 micro servo 9g SG90

-### Tools
+## Tools
 * Scissors that can cut cardboard
 * Hole puncher (scissors will work too)
 * Glue gun
@@ -47,8 +47,8 @@ https://youtu.be/Ah4fEbJtklU
 * [Code](/projects/milk-carton-robot/code)  
 * [Connect](/projects/milk-carton-robot/connect)  

-### ~button /projects/milk-carton-robot/make
+## ~button /projects/milk-carton-robot/make

 Let's get started!

-### ~
+## ~
@@ -1,11 +1,11 @@
 # Code
-### @description code to make the Milk Carton Robot alive
+## @description code to make the Milk Carton Robot alive

-### ~avatar avatar
+## ~avatar avatar

 Add code to make the Milk Carton Robot move.

-### ~
+## ~

 ## Duration: ~15 minutes

@@ -68,6 +68,6 @@ closed = 175
 ```


-### ~button /projects/milk-carton-robot/connect
+## ~button /projects/milk-carton-robot/connect
 NEXT: Connect
-### ~
+## ~
@@ -1,10 +1,10 @@
 # Connect

-### ~avatar avatar
+## ~avatar avatar

 Remote control your Milk Carton Robot with another @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -1,13 +1,13 @@
 # Make
-### @description Building the cardboard Milk Carton Robot
+## @description Building the cardboard Milk Carton Robot

-### ~avatar avatar
+## ~avatar avatar

 Turn a piece of cardboard into an milk carton robot!

 ![Make](/static/mb/projects/milk-carton-robot/make.jpg)

-### ~
+## ~

 ## Duration: ~45 minutes

@@ -43,6 +43,6 @@ https://youtu.be/pRAC2Ritgtk

 Well done! Let's move to programming the @boardname@ to move the mouth.

-### ~button /projects/milk-carton-robot/code
+## ~button /projects/milk-carton-robot/code
 NEXT: Code
-### ~
+## ~
@@ -1,13 +1,13 @@

 # Milk monster

-### @description A milky-monster like robot built with the @boardname@
+## @description A milky-monster like robot built with the @boardname@

-### ~avatar avatar
+## ~avatar avatar

 Make a funny milky-monster robot!

-### ~
+## ~

 https://youtu.be/egl3fNAYylk

@@ -17,20 +17,20 @@ https://youtu.be/egl3fNAYylk

 ## Materials

-### Recycled
+## Recycled

 * 1 Milk Carton (with a screwable top cap)
 * 1 Small cord - recylce string from a used tea bag 
 * 1 Paper clip

-### Electronics
+## Electronics

 * 1 @boardname@, battery holder and 2 AAA batteries
 * 3 Crocodile clips
 * 1 micro servo 9g SG90
 * 1 servo clip designed for Milky Monster [download on thingiverse](http://www.thingiverse.com/thing:2185971) (optional). Teachers may prefer to download the classroom pack (16 servo clips).

-### Tools
+## Tools

 * Small knive and  Scissors that can cut cardboard
 * Tape (masking, duct tape, and/or packing tape)
@@ -50,11 +50,11 @@ https://youtu.be/egl3fNAYylk
 * [Code](/projects/milky-monster/code)  
 * [Connect](/projects/milky-monster/connect)  

-### ~button /projects/milky-monster/make
+## ~button /projects/milky-monster/make

 Let's get started!

-### ~
+## ~

 ## about the author
 This project was contributed by Peter Heldens [@peterheldens](https://twitter.com/peterheldens). You can checkout his [@boardname@ makershow channel on youtube](http://aka.ms/microbit-makershow) for more projects.
@@ -1,11 +1,11 @@
 # Code
-### @description code to make the Milky Monster alive
+## @description code to make the Milky Monster alive

-### ~avatar avatar
+## ~avatar avatar

 Add code to make the Milky Monster move.

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -32,11 +32,11 @@ basic.showString("calibrate")

 The servo should be positioned on 180 degrees **before** attaching the rotor to it. This is to make sure the mouth of the Milky Monster will be closed once the servo reaches 180 degrees. 

-### ~ hint
+## ~ hint

 You may use a philips scew driver to attach the rotor to the servo. 

-### ~
+## ~

 https://youtu.be/YZfkMWTeH4o

@@ -78,6 +78,6 @@ Your Milky Monster is ready!

 https://youtu.be/egl3fNAYylk

-### ~button /projects/milky-monster/connect
+## ~button /projects/milky-monster/connect
 NEXT: Connect
-### ~
+## ~
@@ -1,10 +1,10 @@
 # Connect

-### ~avatar avatar
+## ~avatar avatar

 Remote control your Milky Monster with another @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -1,29 +1,29 @@
 # Make
-### @description Building the cardboard Milky Monster
+## @description Building the cardboard Milky Monster

-### ~avatar avatar
+## ~avatar avatar

 Turn a piece of cardboard into an milky-monster!

 ![](/static/mb/projects/milky-monster/monsters.jpg)

-### ~
+## ~

 ## Duration: ~45 minutes

 ## Materials
-#### Recycled
+### Recycled
 * 1 Milk Carton (with a screwable top cap)
 * 1 Small cord - recycle string from a used tea bag
 * 1 Paper clip

-### Electronics
+## Electronics
 * 1 @boardname@, battery holder and 2 AAA batteries
 * 3 Crocodile clips
 * 1 micro servo 9g SG90
 * 1 servo clip designed for Milky Monster [download on thingiverse](http://www.thingiverse.com/thing:2185971) (optional). Teachers may prefer to download the classroom pack (16 servo clips).

-### Tools
+## Tools
 * Small knive and  Scissors that can cut cardboard
 * Tape (masking, duct tape, and/or packing tape)
 * Glue gun
@@ -111,6 +111,6 @@ Your milky-monster is ready, it is time to decorate it! Customize the milky mons

 ![](/static/mb/projects/milky-monster/monsters.jpg)

-### ~button /projects/milky-monster/code
+## ~button /projects/milky-monster/code
 NEXT: Code
-### ~
+## ~
@@ -1,19 +1,19 @@
 # Plant Watering


-### ~avatar avatar
+## ~avatar avatar

 Water your plants automatically!

-### ~
+## ~

 https://youtu.be/7eC_VjH1eP0

-### ~ hint
+## ~ hint

 This is a follow up of the **[soil moisture project](/projects/soil-moisture)**.

-### ~
+## ~

 ## Materials

@@ -32,8 +32,8 @@ This is a follow up of the **[soil moisture project](/projects/soil-moisture)**.
 * [Make](/projects/plant-watering/make)  
 * [Code](/projects/plant-watering/code)

-### ~button /projects/plant-watering/make
+## ~button /projects/plant-watering/make

 Let's get started!

-### ~
+## ~
@@ -17,8 +17,8 @@ The final wiring should look like this:

 ![](/static/mb/projects/plant-watering/make.jpg)

-### ~button /projects/plant-watering/code
+## ~button /projects/plant-watering/code

 Code

-### ~
+## ~
@@ -1,17 +1,17 @@
 # Challenge

-### ~avatar avatar
+## ~avatar avatar

 Welcome! The activity will teach you how to use the acceleration of the 1st @boardname@ and to visualize the acceleration on the 2nd @boardname@.
 Let's get started!

-### ~
+## ~
 Let's measure `acceleration (mg)` and then `send number`. `Acceleration` is measured in **milli-gravities**, so a value of -1000 is equivalent to -1g or -9.81m/s^2. We will be able to get the acceleration value (g-force), in the specified "x" dimension. `Send number` will broadcast a number data packet to other @boardname@s connected via radio.

 ```blocks
 radio.sendNumber(input.acceleration(Dimension.X));
 ```
-### ~
+## ~
 We want to display the acceleration forever. In order to do so, we need a `forever` loop. A forever loop will repeat code in the background forever.

 ```blocks
@@ -21,7 +21,7 @@ basic.forever(() => {


 ```
-### ~
+## ~
 We want to register code to run when a packet is received over radio. We can implement this code by adding `on data received`.

 ```blocks
@@ -32,7 +32,7 @@ radio.onDataPacketReceived(() => {

 })
 ```
-### ~
+## ~
 Finally, we want to chart the acceleration. So we must first implement `plot bar graph`. `Plot Bar Graph` will display a vertical bar graph based on the value and high value. In order to transfer the receive the number from the 1st @boardname@, we must implement `receive number` to constantly display a vertical bar graph based on the value. Remember, the value will equal to the @boardname@'s acceleration in the "x" direction.

 ```blocks
@@ -44,20 +44,20 @@ radio.onDataPacketReceived(({ receivedNumber }) => {
 })

 ```
-### ~
+## ~
 Notice that moving the @boardname@ the farthest direction in the x direction will be -1023 on the charting beneath the simulator. The second observation will be that the LEDs will be full brightness on the 2nd @boardname@. There is a single LED turned on with the 1st @boardname@. Additionally, the graphs will reflect 0 acceleation for the 1st @boardname@. In this scenario, if you are adjusting the acceleration in the simualator, you are also changing your chart that will be produced.

 ![](/static/mb/acc.png)

-### ~
+## ~
 NOTE: The colors of the charts reflect the color of the @boardname@ simulator. In this instance, the @boardname@s are blue and green. So the colors of the line graphs reflect the colors of the @boardname@

- ### ~
+ ## ~
 After running this simulation several seconds by moving the @boardname@ side to side in the x direction, you are ready to graph or chart the accceleration of the @boardname@.  We want a printout of our acceleration on Excel. We will graph the fluctuating acceleration of the simulation experiment.

 ![](/static/mb/acc2.png)

-### ~
+## ~

 Finally, you must open the Excel CSV file by clicking on the `data.csv` file
 that was downloaded to Downloads Folder.
@@ -80,7 +80,7 @@ Use the Recommended Charts command on the Insert tab to quickly create a chart t

 ![](/static/mb/elements_styles_filters.png)

-### ~
+## ~
 Have fun reviewing your simulation and analyze the acceleration by chart the Excel data using Excel.

 * Connect the first @boardname@ to your computer using your USB cable and run the charting script on it.
@@ -1,6 +1,6 @@
 # Railway crossing

-### ~
+## ~

 https://youtu.be/xBInZN2ZWRI

@@ -152,7 +152,7 @@ For the barrier you need:
 - A straw (preferably white)
 - Some red tape for decoration
 
-### Instructions
+## Instructions

 - Glue the servo to the pole
 - Glue a strip of cardboard over it for stability
@@ -160,19 +160,19 @@ For the barrier you need:
 - Add the instructions below at the right location in your program
 - Connect the servo to the 3V, GND and PIN0 as shown in the simulator
 
-#### Open the barrier
+### Open the barrier
 ```block 
 pins.servoWritePin(AnalogPin.P0, 90)
 ```
 
-#### Close the barrier
+### Close the barrier
 ```block
 pins.servoWritePin(AnalogPin.P0, 180)
 ```
 
 Good luck and have fun!
   
-### ~
+## ~

 ## about the author
 This project was contributed by Johan Gorter [@JohanGorter](https://twitter.com/JohanGorter).
@@ -1,13 +1,13 @@

 # Reaction Time

-### @description A reaction time experiment made of cardboard
+## @description A reaction time experiment made of cardboard

-### ~avatar avatar
+## ~avatar avatar

 Make a reaction time experiment that responds to your body's conductivity!

-### ~
+## ~

 https://youtu.be/doHwknM7HbQ

@@ -28,8 +28,8 @@ https://youtu.be/doHwknM7HbQ
 * [Make](/projects/reaction-time/make)  
 * [Code](/projects/reaction-time/code)  

-### ~button /projects/reaction-time/make
+## ~button /projects/reaction-time/make

 Let's get started!

-### ~
+## ~
@@ -1,15 +1,15 @@
 # Code
-### @description code to make the Reaction Time interactive
+## @description code to make the Reaction Time interactive

 This lesson uses the @boardname@ to measure the reaction time of a student by completing a circuit on a board. The student will be measuring his/her reaction time in an undistracted environment and a distracted environment.  

 Connect each piece of foil to the appropriate pin on the @boardname@.  

-### ~ hint
+## ~ hint

 For the experiment we will **not** be utilizing the ``P2`` pin.

-### ~
+## ~

 Test the apparatus by putting one hand on the ground pin and one hand on the ``P0`` pin.  This will complete the circuit and start the timer on the @boardname@ after a 3 second count down.

@@ -1,6 +1,6 @@
 # Make

-### @description Building the reaction time experiment.
+## @description Building the reaction time experiment.

 https://youtu.be/DgJ-S0q0EMs

@@ -9,9 +9,9 @@ https://youtu.be/DgJ-S0q0EMs

 That's it!

-### ~button /projects/reaction-time/code
+## ~button /projects/reaction-time/code

 Code

-### ~
+## ~

@@ -1,10 +1,10 @@
 # rock paper scissors

-### ~avatar avatar
+## ~avatar avatar

 Build a rock paper scissors game!

-### ~
+## ~

 ## Step 1: Getting started

@@ -32,9 +32,9 @@ input.onGesture(Gesture.Shake, () => {

 ```

-### ~hint
+## ~hint
 No one can predict random numbers. That's what makes them great for Rock Paper Scissors!
-### ~
+## ~

 Each possible number these blocks can make (`0`, `1`, or `2`) means a different picture.
 We will show the right picture for that number on the LED screen.
@@ -139,12 +139,12 @@ input.onGesture(Gesture.Shake, () => {

 ```

-### ~hint
+## ~hint

 You don't need to check if `weapon` is `2` because `2` is the only number left out of `0`, `1`, and `2`.
 That's why you can use an ``else`` instead of an ``else if``.

-### ~
+## ~

 Your game is ready! Have fun!

@@ -1,10 +1,10 @@
 # Rock Paper Scissors Teams

-### ~avatar avatar
+## ~avatar avatar

 Massively multi-player rock paper scissors!

-### ~
+## ~

 https://youtu.be/8ztOmdZi5Pw

@@ -1,10 +1,10 @@
 # smiley buttons

-### ~avatar
+## ~avatar

 Use buttons to show a smiley face! 

-### ~
+## ~

 ## Step 1

@@ -1,11 +1,11 @@
 # Soil Moisture


-### ~avatar avatar
+## ~avatar avatar

 Track the soil moisture of your plants!

-### ~
+## ~

 ![](/static/mb/projects/soil-moisture/soil-moisture.jpg)

@@ -21,8 +21,8 @@ Track the soil moisture of your plants!
 * [Code](/projects/soil-moisture/code)
 * [Connect](/projects/soil-moisture/connect)

-### ~button /projects/soil-moisture/make
+## ~button /projects/soil-moisture/make

 Let's get started!

-### ~
+## ~
@@ -22,7 +22,7 @@ basic.forever(() => {
 })
 ```

-### Experiment!
+## Experiment!

 * insert the nails in the dry dirt and you should see most LEDs off
 * insert the nail in the wet dirt and you should see most LEDs on
@@ -48,7 +48,7 @@ basic.forever(() => {
 })
 ```

-### Experiment!
+## Experiment!

 * insert the nails in the dry dirt, press ``A`` and note the value. You should see a value close to ``250``
 for dry dirt.
@@ -87,12 +87,12 @@ basic.forever(() => {
 })
 ```

-### Experiment!
+## Experiment!

 * using the dry and wet dirt pots, test that your ciruit still works. Remember you'll have to wait up to 10 seconds to see a change!

-### ~button /projects/soil-moisture/connect
+## ~button /projects/soil-moisture/connect

 Connect

-### ~
+## ~
@@ -7,8 +7,8 @@ https://youtu.be/S8NppVT_paw

 That's it!

-### ~button /projects/soil-moisture/code
+## ~button /projects/soil-moisture/code

 Code

-### ~
+## ~
@@ -1,13 +1,13 @@

 # States of Matter

-### @description A states of matter experiment made of cardboard
+## @description A states of matter experiment made of cardboard

-### ~avatar avatar
+## ~avatar avatar

 Make a states of matter experiment that responds to your micro:bit wand or micro:bit's movement!

-### ~
+## ~

 https://youtu.be/Hdsy93yaQC0

@@ -28,8 +28,8 @@ The activity is approx 30-45 min based on familiarity with the coding concepts
 * [Make](/projects/states-of-matter/make)  
 * [Code](/projects/states-of-matter/code)  

-### ~button /projects/states-of-matter/make
+## ~button /projects/states-of-matter/make

 Let's get started!

-### ~
+## ~
@@ -1,5 +1,5 @@
 # Code
-### @description code to detect States of Matter 
+## @description code to detect States of Matter 

 Have you ever tried to represent the states of matter? Let's try to visually represent various states of matter based on atmospheric temperatures!

@@ -1,21 +1,21 @@
 # Make
-### @description Building the states of matter experiment.
+## @description Building the states of matter experiment.

-### ~avatar avatar
+## ~avatar avatar

 Turn a piece of cardboard into a detector of temperature and atmospheric temperature!

-### ~
+## ~

 https://youtu.be/Hdsy93yaQC0

-### ~
+## ~

 * Fold the foil squares and place them around the cardboard.
 *  Connect each piece of foil to the appropriate pin on the micro:bit.

 That's it!

-### ~button /projects/states-of-matter/code
+## ~button /projects/states-of-matter/code
 Code
-### ~
+## ~
@@ -2,11 +2,11 @@

 ![](/static/mb/lessons/telegraph-0.png)

-### ~avatar
+## ~avatar

 Build a telegraph between two @boardname@s to communicate with your friends!

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -20,6 +20,6 @@ Build a telegraph between two @boardname@s to communicate with your friends!
 * [Make](/projects/telegraph/make)  
 * [Code](/projects/telegraph/code)

-### ~button /projects/telegraph/make
+## ~button /projects/telegraph/make
 Let's get started!
-### ~
+## ~
@@ -4,7 +4,7 @@ Let's build the code that, when the user presses the button ``A`` on a @boardnam

 Make sure that the sending and receiving wires run symmetrically across: pin ``P1`` on one @boardname@ is connected to pin ``P2`` on the other, and vice versa, as shown on the pictures in the "Make" section. This way we can use the same code on both @boardname@s .

-### Step 1
+## Step 1

 We start with a block that digitally writes **high** (value ``1``) to the sending @boardname@'s pin ``P1``. This block can be found in _Pins_ drawer of the Advanced section.

@@ -12,7 +12,7 @@ We start with a block that digitally writes **high** (value ``1``) to the sendin
 pins.digitalWritePin(DigitalPin.P1, 1)
 ```

-### Step 2
+## Step 2

 To show what we are sending, we add a block to turn on an LED in the centre of the LED display (2,2) using _plot x, y_ :

@@ -21,7 +21,7 @@ pins.digitalWritePin(DigitalPin.P1, 1)
 led.plot(2, 2)
 ```

-### Step 3
+## Step 3

 Now that we know how to send the signal, we only want to be doing it while the button ``A`` is pressed. 
 Pick an _if_ block from the _Logic_ drawer (you'll need the version with _else_ part that will remain empty for now). Add a check whether the button ``A`` is pressed from the _Input_ drawer and move the blocks from the previous step into _then_ part :
@@ -34,7 +34,7 @@ if (input.buttonIsPressed(Button.A)) {
 ```


-### Step 4
+## Step 4

 For the _else_ branch (while the button A is not pressed) we want to do the opposite of what we did in the _then_ branch: take the value of pin ``P1`` to **low** (0) and unplot the corresponding LED on the sending @boardname@ :

@@ -48,7 +48,7 @@ if (input.buttonIsPressed(Button.A)) {
 }
 ```

-### Step 5
+## Step 5

 Let's wrap it all in a forever loop so this code runs in the background, forever checking the button ``A`` and sending the appropriate signal to the receiver.
 Modify your code so that your code looks like this. Download the code into one of the @boardname@s, press and release button ``A`` a few times.
@@ -67,7 +67,7 @@ basic.forever(() => {

 The sending part is done, so we are going to add the receiving part.

-### Step 6
+## Step 6

 The receiver needs to digitally read from the pin to which the sending @boardname@ will be writing (``P2``) over the wire. Let's start by going to the _Pin_ drawer, adding digital read pin ``P0`` and changing the pin value to ``P2``.
 Now we want to examine the value read from ``P2`` and check whether it is **high** (value ``1``) or not. Go to the _Logic_ drawer, first pick an _if_ block, then come back for a comparison operator (=). Plug in our digital read block as one operand and the value ``1`` as the other.
@@ -93,7 +93,7 @@ basic.forever(() => {

 Your telegraph is ready!

-### Step 7
+## Step 7

 * Connect the first @boardname@ to your computer using your USB cable and download the telegraph script to it.
 * Connect the second @boardname@ to your computer using your USB cable and download the telegraph script to it.
@@ -1,10 +1,10 @@
 # Make

-### ~avatar
+## ~avatar

 Let's build a telegraph between two @boardname@s.

-### ~
+## ~

 ![](/static/mb/lessons/telegraph-0.png)

@@ -15,61 +15,61 @@ Let's build a telegraph between two @boardname@s.

 ## Steps

-### Step 1
+## Step 1

 ![](/static/mb/lessons/banana-keyboard-1.png)

 Using the 1st crocodile clip, connect the end of the crocodile clip onto GND pin on the @boardname@.

-### Step 2
+## Step 2

 ![](/static/mb/lessons/ornament-chain-2.png)

 Using the 2nd crocodile clip, connect the end of the crocodile clip onto the 3V pin on the @boardname@.

-### Step 3
+## Step 3

 ![](/static/mb/lessons/ornament-chain-3.png)

 Using the 3rd crocodile clip, connect the end of the crocodile clip onto pin 1 of the @boardname@.

-### Step 4
+## Step 4

 ![](/static/mb/lessons/ornament-chain-4.png)

 Using the 4th crocodile clip, connect the end of the crocodile clip onto pin 2 of the @boardname@.

-### Step 5
+## Step 5

 ![](/static/mb/lessons/ornament-chain-5.png)

 Using the 1st crocodile clip, connect the unattached end of the crocodile clip onto the GND on the 2nd @boardname@.

-### Step 6
+## Step 6

 ![](/static/mb/lessons/ornament-chain-6.png)

 Using the 2nd crocodile clip, connect the unattached end of the crocodile clip onto the 3V pin on the 2nd @boardname@.

-### Step 7
+## Step 7

 ![](/static/mb/lessons/ornament-chain-7.png)

 Using the 3rd crocodile clip, connect the unattached end of the crocodile clip onto pin 2 of the 2nd @boardname@.

-### Step 8
+## Step 8

 ![](/static/mb/lessons/ornament-chain-8.png)

 Using the 4th crocodile clip, connect the unattached end of the crocodile clip onto pin 1 of the 2nd @boardname@

-### Step 9
+## Step 9

 ![](/static/mb/lessons/telegraph-0.png)


-### ~button /projects/telegraph/code
+## ~button /projects/telegraph/code

 NEXT: Code

-### ~
+## ~
@@ -1,10 +1,10 @@
 # Timing gates

-### ~avatar
+## ~avatar

 This project explains the principles of timing gates using household materials.

-### ~
+## ~

 ## Timing gates

@@ -127,12 +127,12 @@ By moving the car (slowly) through the gate, you will see that it triggers the `

 https://youtu.be/M3DIUvDPlIA

-### ~hint
+## ~hint

 It does not work always! Sometimes the foil does not touch long enough both strip to be detected. This is due to the poor quality of our sensor.
 To fix this, you would have to consider using better sensors based on IR or Hall effect.

-### ~
+## ~

 ## Adding the second gate

@@ -1,10 +1,10 @@
 # Voting Machine

-### ~ avatar
+## ~ avatar

 Build a voting machine using many @boardname@s!

-### ~
+## ~

 https://youtu.be/77HOqf8BaNg

@@ -1,20 +1,20 @@
 # Wallet

-### @description A beginner maker activity, building a duct tape wallet with the @boardname@  
+## @description A beginner maker activity, building a duct tape wallet with the @boardname@  

-### ~avatar avatar
+## ~avatar avatar

 Make a @boardname@ wallet with this guided tutorial!

-### ~
+## ~

 ![wallet image](/static/mb/projects/wallet/wallet.jpg)

-### ~button /projects/wallet/make
+## ~button /projects/wallet/make

 Let's get started!

-### ~
+## ~

 ## References

@@ -1,12 +1,12 @@
 # Make

-### @description Maker Project for Wallet
+## @description Maker Project for Wallet

-### ~avatar avatar
+## ~avatar avatar

 Make the duct tape wallet for your @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -177,8 +177,8 @@ If you plan to make an extensive use of your wallet without using the buttons, y

 The wallet is ready, we just have to add some code into the @boardname@ to make it alive.

-### ~button /projects/wallet/code
+## ~button /projects/wallet/code

 Let's add some code!

-### ~
+## ~
@@ -1,10 +1,10 @@
-# The watch
+# the watch

-### ~avatar
+## ~avatar

 Build your own @boardname@ watch from an old pair of jeans and T-shirt!

-### ~
+## ~

 ![](/static/mb/lessons/the-watch-1.png)

@@ -23,18 +23,18 @@ Build your own @boardname@ watch from an old pair of jeans and T-shirt!
 * [Make](/projects/watch/make)  
 * [Code](/projects/watch/code)

-### ~button /projects/watch/make
+## ~button /projects/watch/make

 Let's get started!

-### ~
+## ~

-### Additional coding activities
+## Additional coding activities

 * [Countdown timer](/projects/watch/timer)
 * [Digital watch](/projects/watch/digital-watch)

-### Acknowledgements
+## Acknowledgements

 Artistic design by Melinda Hoeneisen.

@@ -1,12 +1,12 @@
 # The watch - Make

-### @description Maker Project for Watch
+## @description Maker Project for Watch

-### ~avatar avatar
+## ~avatar avatar

 Make a watch for your @boardname@

-### ~
+## ~

 ## Duration: ~30 minutes

@@ -24,19 +24,19 @@ Make a watch for your @boardname@

 ## Steps

-### Step 1
+## Step 1

 ![](/static/mb/lessons/the-watch-3.png)

 Using the ruler and pen, mark a rectangle of more or less 26cm x 5cm on the T-shirt. Don’t worry if you don’t get it quite right, we’ll tidy things up later on.

-### Step 2
+## Step 2

 ![](/static/mb/lessons/the-watch-4.png)

 Cut the rectangle using the scissors. Don’t worry about the quality of the cut, we’ll trim it later on.

-### Step 3
+## Step 3

 ![](/static/mb/lessons/the-watch-5.png)

@@ -44,107 +44,107 @@ Cut a piece of cloth from the pair of jeans. Cut straight by the seam.

 ![](/static/mb/lessons/the-watch-6.png)

-### Step 4
+## Step 4

 ![](/static/mb/lessons/the-watch-7.png)

 Using the ruler and pen, mark a rectangle of 22cm x 5cm (adults should use 24cm x 5cm) on the jeans cloth.

-### Step 5
+## Step 5

 ![](/static/mb/lessons/the-watch-8.png)

 Stretch the cloth using your hands and apply the double-side tape on the rectangle marked on the jeans. You might need the help of a friend to achieve this step. Don’t worry if the tape is larger than the rectangle, we will trim it later. Make sure to apply pressure to the tape to secure it firmly.

-### Step 6
+## Step 6

 ![](/static/mb/lessons/the-watch-9.png)

 Using the scissors, cut the rectangle of jeans.

-### Step 7
+## Step 7

 ![](/static/mb/lessons/the-watch-10.png)

 Peal the tape protective layer from the rectangle.

-### Step 8
+## Step 8

 ![](/static/mb/lessons/the-watch-11.png)

 Place the @boardname@ pins on the tape at more or less **7** cm from the left border. Then lower the @boardname@ on the tape and press **gently**.

-### Step 9
+## Step 9

 ![](/static/mb/lessons/the-watch-12.png)

 Connect the battery holder and place it on the right of the @boardname@. Tuck the cables away on the tape to protect them.

-### Step 10
+## Step 10

 ![](/static/mb/lessons/the-watch-13.png)

 Stick the T-shirt rectangle from the top of the @boardname@, over the battery cables.

-### Step 11
+## Step 11

 ![](/static/mb/lessons/the-watch-14.png)

 Use your fingers to push the T-shirt cloth under the @boardname@ to give access to the micro-USB plug.

-### Step 12
+## Step 12

 ![](/static/mb/lessons/the-watch-15.png)

 Place the T-shirt over the battery holder and stick it up to the end.

-### Step 13
+## Step 13

 ![](/static/mb/lessons/the-watch-16.png)

 Turn over the watch and cut the extra T-shirt material.

-### Step 14
+## Step 14

 ![](/static/mb/lessons/the-watch-17.png)

 Stick the T-shirt cloth on the other side of the watch. Lift the @boardname@ pins to slide the cloth under and leave them free from the tape.

-### Step 15
+## Step 15

 ![](/static/mb/lessons/the-watch-18.png)

 Turn over the watch and cut left over T-shirt cloth.

-### Step 16
+## Step 16

 ![](/static/mb/lessons/the-watch-19.png)

 Cut a 5cm x 5cm square of Velcro **loops**.

-### Step 17
+## Step 17

 ![](/static/mb/lessons/the-watch-20.png)

 Cut a 5cm x 5cm square of Velcro **hooks**.

-### Step 18
+## Step 18

 ![](/static/mb/lessons/the-watch-21.png)

 Stick the Velcro hooks on the right side of the battery holder on the T-shirt cloth.

-### Step 19
+## Step 19

 ![](/static/mb/lessons/the-watch-22.png)

 Stick the Velcro loops on the other end on the jeans fabric.

-### Step 20
+## Step 20

 Trim any leftover fabric, threads or tape.

-### Step 21
+## Step 21

 ![](/static/mb/lessons/the-watch-23.png)