npm - pxt-microbit - Versions diffs - 7.1.33 → 7.1.34 - Mend

pxt-microbit 7.1.33 → 7.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/docs/jacdac.md CHANGED Viewed

@@ -23,8 +23,7 @@ Connect and Code. Instantly.
         "name": "Button smasher",
         "description": "How many times can you smash the button in 10 seconds?",
         "url": "https://microsoft.github.io/jacdac-docs/clients/makecode/projects/button-smasher/",
-        "imageUrl": "/static/jacdac/button-smasher.jpg",
-        "youTubeId": "rlK_8oqMAmo"
+        "imageUrl": "/static/jacdac/button-smasher.jpg"
     },
     {
         "name": "Slider Sound Bender",

package/docs/projects/v2-blow-away.md CHANGED Viewed

@@ -12,8 +12,8 @@ For this tutorial, we'll learn how to blow Haven away 🌬️
 A wild Haven has appeared!
-► From the ``||basic:Basic||`` category, find ``||basic:show icon [ ]||`` and add it to your ``||basic:on start||`` container.
-► Click the heart icon and set it to show a ghost.
+■ From the ``||basic:Basic||`` category, find ``||basic:show icon [ ]||`` and add it to your ``||basic:on start||`` container.
+■ Click the heart icon and set it to show a ghost.
 💡 In the ``show icon`` dropdown menu options, you can hover to see what each design is called.
 ```blocks
@@ -25,7 +25,7 @@ basic.showIcon(IconNames.Ghost)
 ## {Loop setup}
-► From the ``||loops:Loops||`` category, find the ``||loops:repeat [4] times||`` loop and snap it into your empty ``||basic:forever||`` container.
+■ From the ``||loops:Loops||`` category, find the ``||loops:repeat [4] times||`` loop and snap it into your empty ``||basic(noclick):forever||`` container.
 💡 Why do we need a [__*repeat loop*__](#repeatLoop "repeat code for a given number of times") when we already have a ``forever`` container? Because ``forever`` has an embedded delay that we want to avoid!
 ```blocks
@@ -41,9 +41,9 @@ basic.forever(function () {
 Haven hates noise and will blow away if things get too loud. Let's use an [__*if statement*__](#ifstatement "if this condition is met, do something") to check for sounds.
-► From ``||logic:Logic||``, grab an ``||logic:if <true> then||`` statement and snap it into your empty ``||loops:repeat [4] times do||`` loop.
-► Go back to ``||logic:Logic||`` to get a ``||logic:<[0] [=] [0]>||`` comparison.
-► Snap ``||logic:<[0] [=] [0]>||`` in to **replace** the ``||logic:<true>||`` condition for your ``||logic:if then||`` statement.
+■ From ``||logic:Logic||``, grab an ``||logic:if <true> then||`` statement and snap it into your empty ``||loops(noclick):repeat [4] times do||`` loop.
+■ Go back to ``||logic:Logic||`` to get a ``||logic:<[0] [=] [0]>||`` comparison.
+■ Snap ``||logic:<[0] [=] [0]>||`` in to **replace** the ``||logic(noclick):<true>||`` condition for your ``||logic(noclick):if then||`` statement.
 ```blocks
 basic.forever(function () {
@@ -61,9 +61,9 @@ basic.forever(function () {
 We'll be using a [__*sound threshold*__](#soundThreshold "a number for how loud a sound needs to be to trigger an event. 0 = silence to 255 = maximum noise") to act as Haven's ears.
-► From the ``||input:Input||`` category, drag ``||input:sound level||`` in to **replace** the **_left_ ``0``** of your ``||logic:<[0] [=] [0]>||`` comparison.
-► Using the dropdown in the **middle** of ``||logic:[sound level] [=] [0]||``, change the comparison to be **``>``** (greater than).
-► Finally, have the **right side** of the comparison say ``128`` so your full comparison reads: **``sound level > 128``**.
+■ From the ``||input:Input||`` category, drag ``||input:sound level||`` in to **replace** the **_left_ ``0``** of your ``||logic(noclick):<[0] [=] [0]>||`` comparison.
+■ Using the dropdown in the **middle** of ``||logic(noclick):[sound level] [=] [0]||``, change the comparison to be **``>``** (greater than).
+■ Finally, have the **right side** of the comparison say ``128`` so your full comparison reads: **``sound level > 128``**.
 💡 This means Haven will hear any sound above ``128``.
 ```blocks
@@ -81,17 +81,17 @@ basic.forever(function () {
 Let's create some [__*variables*__](#variable "a holder for information that may change") to keep track of Haven's movement.
-►  In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``col``.
+■  In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``col``.
 💡 ``col`` is short for "column".
-►  Make **another** variable and name it ``row``.
+■  Make **another** variable and name it ``row``.
 ## {Displacing LEDs part 1}
 To show Haven is blowing away, we want to move a random set of lights sideways.
-► Your ``||variables:Variables||`` category should now have the option to ``||variables:set [row] to [0]||``. Drag that block into your empty ``||logic:if then||`` statement.
-► From the ``||math:Math||`` category, find ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables:set [row] to [0]||`` block.
-► Change the maximum number from ``10`` to **``4``**.
+■ Your ``||variables:Variables||`` category should now have the option to ``||variables:set [row] to [0]||``. Drag that block into your empty ``||logic(noclick):if then||`` statement.
+■ From the ``||math:Math||`` category, find ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables(noclick):set [row] to [0]||`` block.
+■ Change the maximum number from ``10`` to **``4``**.
 💡 We are setting the maximum random value to 4 because the lights on the @boardname@ are numbered 0, 1, 2, 3, and 4 for columns and rows.
 ```blocks
@@ -108,10 +108,10 @@ basic.forever(function () {
 ## {Displacing LEDs part 2}
-► Go back into ``||variables:Variables||`` and drag out another ``||variables:set [row] to [0]||``. Place this one below the last one (at **the end**) of your `if then` statement.
-► Using the **dropdown menu**, set the new block to read ``||variables:set [col] to [0]||``.
-► From the ``||math:Math||`` category, grab another ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables:set [col] to [0]||`` block.
-► Change the maximum number from ``10`` to **``4``**.
+■ Go back into ``||variables:Variables||`` and drag out another ``||variables:set [row] to [0]||``. Place this one below the last one (at **the end**) of your `if then` statement.
+■ Using the **dropdown menu**, set the new block to read ``||variables(noclick):set [col] to [0]||``.
+■ From the ``||math:Math||`` category, grab another ``||math:pick random [0] to [10]||`` and snap that in to **replace** the ``[0]`` in your ``||variables(noclick):set [col] to [0]||`` block.
+■ Change the maximum number from ``10`` to **``4``**.
 ```blocks
 let col = 0
@@ -131,8 +131,8 @@ basic.forever(function () {
 Time to move some lights around!
-► From ``||logic:Logic||``, grab another ``||logic:if <true> then||`` and snap it at the **inside and at the bottom of** your ``||loops:repeat [4] times do||`` loop, right below your ``||logic:if [sound level] [>] [128]||`` statement.
-► From the ``||led:Led||`` category, find ``||led:point x [0] y [0]||`` and drag it in to **replace** the ``||logic:<true>||`` condition in the **new** ``||logic:if then||`` statement.
+■ From ``||logic:Logic||``, grab another ``||logic:if <true> then||`` and snap it at the **inside and at the bottom of** your ``||loops(noclick):repeat [4] times do||`` loop, right below your ``||logic(noclick):if [sound level] [>] [128]||`` statement.
+■ From the ``||led:Led||`` category, find ``||led:point x [0] y [0]||`` and drag it in to **replace** the ``||logic(noclick):<true>||`` condition in the **new** ``||logic(noclick):if then||`` statement.
 💡 This block will test if the light is on at the the given ``x`` and ``y`` coordinate points.
 ```blocks
@@ -154,8 +154,8 @@ basic.forever(function () {
 To create the animation effect of Haven blowing away, we will turn off (or ``unplot``) a light that is on and then turn it on again (``plot`` it) in a different spot.
-► From ``||led:Led||``, grab ``||led:unplot x [0] y [0]||`` and snap it inside the **empty** ``||logic:if <point x [0] y [0]> then||`` statement.
-► Go back to ``||led:Led||`` and get ``||led:plot x [0] y [0]||``. Snap that in **beneath** the ``||led:unplot x [0] y [0]||`` block that you just added.
+■ From ``||led:Led||``, grab ``||led:unplot x [0] y [0]||`` and snap it inside the **empty** ``||logic(noclick):if <point x [0] y [0]> then||`` statement.
+■ Go back to ``||led:Led||`` and get ``||led:plot x [0] y [0]||``. Snap that in **beneath** the ``||led(noclick):unplot x [0] y [0]||`` block that you just added.
 ```blocks
 let col = 0
@@ -177,12 +177,12 @@ basic.forever(function () {
 ## Setting variables
-Notice how you have **three** blocks from the ``||led:Led||`` category. All three have ``||led:x||`` ``[0]`` and ``||led:y||`` ``[0]`` coordinates. In these **two** steps, we will set it so that every ``||led:x||`` is followed by the ``||variables:col||`` variable and every ``||led:y||`` is followed by the ``||variables:row||`` variable.
-► From ``||variables:Variables||``, get three copies of ``||variables:col||``, and use them to **replace the ``x`` values** in the following three blocks:
-**1.** ``||led:point x [0] y [0]||``
-**2.** ``||led:unplot x [0] y [0]||``
-**3.** ``||led:plot x [0] y [0]||``
-► Go into ``||variables:Variables||``, get three copies of ``||variables:row||``, and use them to **replace the ``y`` values** in the same three blocks.
+Notice how you have **three** blocks from the ``||led:Led||`` category. All three have ``||led(noclick):x||`` ``[0]`` and ``||led(noclick):y||`` ``[0]`` coordinates. In these **two** steps, we will set it so that every ``||led(noclick):x||`` is followed by the ``||variables:col||`` variable and every ``||led(noclick):y||`` is followed by the ``||variables(noclick):row||`` variable.
+■ From ``||variables:Variables||``, get three copies of ``||variables:col||``, and use them to **replace the ``x`` values** in the following three blocks:
+**1.** ``||led(noclick):point x [0] y [0]||``
+**2.** ``||led(noclick):unplot x [0] y [0]||``
+**3.** ``||led(noclick):plot x [0] y [0]||``
+■ Go into ``||variables:Variables||``, get three copies of ``||variables:row||``, and use them to **replace the ``y`` values** in the same three blocks.
 ```blocks
 let col = 0
@@ -206,10 +206,10 @@ basic.forever(function () {
 Right now, we are unplotting and replotting in the same spot. What we want to do  is move the lights we're turning back on just a smidge to the right every time until there's nothing left on the grid.
-► From ``||math:Math||``, find the ``||math:[0] [+] [0]||`` operation and use it to **replace** ``||variables:col||`` in your ``||led:plot x [col] y [row]||`` block.
-💡 If you move your entire ``||basic:forever||`` container, you should find a greyed out ``col`` variable in your workspace.
-► Take the greyed out ``||variables:col||`` variable (or get a new one) and use it to **replace** the **_first_ ``[0]``** so the operation reads ``||math:[col] [+] [0]||``.
-► Replace the **_second_ ``[0]``** with **``[1]``** so the operation reads ``||math:[col] [+] [1]||``.
+■ From ``||math:Math||``, find the ``||math:[0] [+] [0]||`` operation and use it to **replace** ``||variables(noclick):col||`` in your ``||led(noclick):plot x [col] y [row]||`` block.
+💡 If you move your entire ``||basic(noclick):forever||`` container, you should find a greyed out ``col`` variable in your workspace.
+■ Take the greyed out ``||variables(noclick):col||`` variable (or get a new one) and use it to **replace** the **_first_ ``[0]``** so the operation reads ``||math(noclick):[col] [+] [0]||``.
+■ Replace the **_second_ ``[0]``** with **``[1]``** so the operation reads ``||math(noclick):[col] [+] [1]||``.
 ```blocks
 let col = 0
@@ -233,8 +233,8 @@ basic.forever(function () {
 Check out the simulator!
-► Click on the pink bar underneath the microphone icon. Drag it above the sound number you chose (we used ``128``!) to blow Haven away.
-► If you have a new @boardname@ (the one with the **shiny gold** logo at the top), download this code and try it out!
+■ Click on the pink bar underneath the microphone icon. Drag it above the sound number you chose (we used ``128``!) to blow Haven away.
+■ If you have a new @boardname@ (the one with the **shiny gold** logo at the top), download this code and try it out!
 💡 Blow close to the @boardname@ and watch Haven swoosh away 💨
 💡 Use your @boardname@'s reset button (it's on the back!) to bring Haven back 👻

package/docs/projects/v2-cat-napping.md CHANGED Viewed

@@ -10,9 +10,9 @@ Lychee the cat loves the sun and wants to know if your home has a good sunbathin
 First, we want to make sure we know when our micro:bit is collecting data. To do this, let's create a [__*boolean*__](#boolean "something that is only true or false") [__*variable*__](#variable "a holder for information that may change") and use it to track when the @boardname@ is logging data. We'll start with the logging variable set to false.
-► In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``logging``.
-► From the ``||variables:Variables||`` category, grab the ``||variables:set [logging] to [0]||`` block and snap it into the empty ``||basic:on start||`` container.
-► From the ``||logic:Logic||`` category, grab a ``||logic:<false>||`` argument and snap it in to **replace** the ``||variables:[0]||`` value in your ``||variables:set [logging] to [0]||`` statement.
+■ In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``logging``.
+■ From the ``||variables:Variables||`` category, grab the ``||variables:set [logging] to [0]||`` block and snap it into the empty ``||basic(noclick):on start||`` container.
+■ From the ``||logic:Logic||`` category, grab a ``||logic:<false>||`` argument and snap it in to **replace** the ``||variables(noclick):[0]||`` value in your ``||variables(noclick):set [logging] to [0]||`` statement.
 ```blocks
 let logging = false
@@ -23,8 +23,8 @@ logging = false
 Let's give Lychee some control over when she wants to start and stop logging data on the @boardname@.
-► From the ``||input:Input||`` category, grab a ``||input:on button [A] pressed||`` container and drag it into your workspace. Then, grab a ``||variables:set [logging] to [0]||`` block from ``||variables:Varables||`` and snap it inside of your ``||input:on button [A] pressed||`` container.
-► From the ``||logic:Logic||`` category, grab a ``||logic:<not []>||`` argument and snap it in to **replace** the ``0`` argument. Go back to the ``||variables:Variables||`` category, grab a ``||variables:logging||`` variable and snap it in to **replace** the empty ``||logic:<>||`` in the ``||logic:not <>||`` statement.
+■ From the ``||input:Input||`` category, grab a ``||input:on button [A] pressed||`` container and drag it into your workspace. Then, grab a ``||variables:set [logging] to [0]||`` block from ``||variables:Varables||`` and snap it inside of your ``||input(noclick):on button [A] pressed||`` container.
+■ From the ``||logic:Logic||`` category, grab a ``||logic:<not []>||`` argument and snap it in to **replace** the ``0`` argument. Go back to the ``||variables:Variables||`` category, grab a ``||variables:logging||`` variable and snap it in to **replace** the empty ``||logic(noclick):<>||`` in the ``||logic(noclick):not <>||`` statement.
 ✋🛑 Take a moment to help Lychee answer the following question: _What is happening every time she presses the A button?_
@@ -39,8 +39,8 @@ input.onButtonPressed(Button.A, function () {
 It would help to know when the @boardname@ is logging data and when it isn't. For this step, we will be building out a visual indicator using an [__*if then / else*__](#ifthenelse "runs some code if a boolean condition is true and different code if the condition is false") statement.
-► From the ``||logic:Logic||`` category, grab an ``||logic:if <true> then / else||`` statement and snap it in at the **bottom** of your ``||input:on button [A] pressed||`` container.
-► From ``||variables:Variables||``, grab a ``||variables:logging||`` variable and snap it in to **replace** the ``||logic:<true>||`` condition in your ``||logic:if then / else||`` statement.
+■ From the ``||logic:Logic||`` category, grab an ``||logic:if <true> then / else||`` statement and snap it in at the **bottom** of your ``||input(noclick):on button [A] pressed||`` container.
+■ From ``||variables:Variables||``, grab a ``||variables:logging||`` variable and snap it in to **replace** the ``||logic(noclick):<true>||`` condition in your ``||logic(noclick):if then / else||`` statement.
 ```blocks
 let logging = false
@@ -54,8 +54,8 @@ input.onButtonPressed(Button.A, function () {
 ## {Set the indicator icon}
-► Let's display an image when the @boardname@ is logging data. From the ``||basic:Basic||`` category, grab a ``||basic:show icon [ ]||`` block and snap it into the empty **top container** of your ``||logic:if then / else||`` statement.
-► Set it to show the "target" icon (it looks like an empty sun - scroll down to find it!).  This will show whenever your @boardname@ is collecting data.
+■ Let's display an image when the @boardname@ is logging data. From the ``||basic:Basic||`` category, grab a ``||basic:show icon [ ]||`` block and snap it into the empty **top container** of your ``||logic(noclick):if then / else||`` statement.
+■ Set it to show the "target" icon (it looks like an empty sun - scroll down to find it!).  This will show whenever your @boardname@ is collecting data.
 💡 In the ``show icon`` dropdown menu options, you can hover to see what each design is called.
 ```blocks
@@ -73,8 +73,8 @@ input.onButtonPressed(Button.A, function () {
 Let's now add an auditory indicator that your @boardname@ is logging data!
-► From the ``||music:Music||`` category, grab a ``||music:play sound [dadadum] [in background]||`` block and snap it into the **bottom** of the **top container** of your ``||logic:if then / else||`` statement.
-► Click on the ``[dadadum]`` dropdown and select ``nyan``, then set the playback mode to ``||music:[until done]||``. Your block should now say ``||music:play melody [nyan] [until done]||``.
+■ From the ``||music:Music||`` category, grab a ``||music:play sound [dadadum] [in background]||`` block and snap it into the **bottom** of the **top container** of your ``||logic(noclick):if then / else||`` statement.
+■ Click on the ``[dadadum]`` dropdown and select ``nyan``, then set the playback mode to ``||music(noclick):[until done]||``. Your block should now say ``||music(noclick):play melody [nyan] [until done]||``.
 ```blocks
 let logging = false
@@ -90,7 +90,7 @@ input.onButtonPressed(Button.A, function () {
 ## {Logging off indicator}
-► Let's clear the board when the @boardname@ is not logging data. From the ``||basic:Basic||`` category, grab a ``||basic:clear screen||`` block and snap it into the empty **bottom container** of your ``||logic:if then / else||`` statement.
+■ Let's clear the board when the @boardname@ is not logging data. From the ``||basic:Basic||`` category, grab a ``||basic:clear screen||`` block and snap it into the empty **bottom container** of your ``||logic(noclick):if then / else||`` statement.
 ```blocks
 let logging = false
@@ -109,8 +109,8 @@ input.onButtonPressed(Button.A, function () {
 Let's set up the data logging for Lychee! In order to get Lychee a good amount of data without running out of memory, we should collect one data point for her every minute.
-► From the ``||loops:Loops||`` category, grab a ``||loops:every [500] ms||`` container and add it to your workspace.
-► Click on the the ``500`` dropdown and select ``1 minute``. <br />
+■ From the ``||loops:Loops||`` category, grab a ``||loops:every [500] ms||`` container and add it to your workspace.
+■ Click on the the ``500`` dropdown and select ``1 minute``. <br />
 💡 1 minute is equivalent to 60000ms, which is what the number will automatically change to.
 ```blocks
@@ -122,8 +122,8 @@ loops.everyInterval(60000, function () {
 Now, let's use an [__*if then*__](#ifthen "runs some code if a boolean condition is true") statement to track when the @boardname@ is logging data.
-► From the ``||logic:Logic||`` category, grab a ``||logic:if <true> then||`` statement and snap it into your ``||loops:every [600000] ms||`` container.
-► From the ``||variables:Variables||`` category, drag out a ``||variables:logging||`` variable and snap it in to **replace** the ``||logic:<true>||`` argument in the ``||logic:if <true> then||`` statement.
+■ From the ``||logic:Logic||`` category, grab a ``||logic:if <true> then||`` statement and snap it into your ``||loops(noclick):every [600000] ms||`` container.
+■ From the ``||variables:Variables||`` category, drag out a ``||variables:logging||`` variable and snap it in to **replace** the ``||logic(noclick):<true>||`` argument in the ``||logic(noclick):if <true> then||`` statement.
 ```blocks
 let logging = false
@@ -137,9 +137,9 @@ loops.everyInterval(60000, function () {
 Lychee loves her sun spots because they provide a nice, sunny and warm place to nap. So, we'll need to measure the **temperature** and **light** in different places around the house.
-► From the ``||datalogger:Data Logger||`` category, grab a ``||datalogger:log data [column [""] value [0]] +||`` block and snap it **inside** the ``||logic:if [logging] then||`` statement.
-► Click on the ``""`` after the word ``column`` and type in "``temp``".
-► From the ``||input:Input||`` category, select the ``||input:temperature (°C)||`` parameter and drag it in to **replace** the ``0`` after the word ``value``.
+■ From the ``||datalogger:Data Logger||`` category, grab a ``||datalogger:log data [column [""] value [0]] +||`` block and snap it **inside** the ``||logic(noclick):if [logging] then||`` statement.
+■ Click on the ``""`` after the word ``column`` and type in "``temp``".
+■ From the ``||input:Input||`` category, select the ``||input:temperature (°C)||`` parameter and drag it in to **replace** the ``0`` after the word ``value``.
 ```blocks
 let logging = false
@@ -155,9 +155,9 @@ loops.everyInterval(60000, function () {
 ## {Setting up logging - Part 2}
-► On the right of the ``||input:temperature (°C)||`` input that you just snapped in, there is a ➕ button. Click on it. You should now see a new row that says ``||datalogger:column [""] value [0]||``.
-► Click on the empty ``""`` after the word ``column`` and type in "``light``".
-► From the ``||input:Input||`` category, select the ``||input:light level||`` parameter and drag it in to **replace** the ``0`` parameter after the word ``value``.
+■ On the right of the ``||input(noclick):temperature (°C)||`` input that you just snapped in, there is a ➕ button. Click on it. You should now see a new row that says ``||datalogger(noclick):column [""] value [0]||``.
+■ Click on the empty ``""`` after the word ``column`` and type in "``light``".
+■ From the ``||input:Input||`` category, select the ``||input:light level||`` parameter and drag it in to **replace** the ``0`` parameter after the word ``value``.
 ```blocks
 let logging = false
@@ -176,8 +176,8 @@ loops.everyInterval(60000, function () {
 You did it! If you have a @boardname@ V2 (the one with the **shiny gold** logo at the top), download this code and try it out!
-► Find a sun spot in your house and press the ``A`` button to start logging data - your display should show an icon and play a sound to indicate that you are logging data.
-► After some time (we recommend at least an hour), press the ``A`` button again to stop logging data - your display should clear to indicate that you are not logging data.
+■ Find a sun spot in your house and press the ``A`` button to start logging data - your display should show an icon and play a sound to indicate that you are logging data.
+■ After some time (we recommend at least an hour), press the ``A`` button again to stop logging data - your display should clear to indicate that you are not logging data.
 ## {Reviewing your data @unplugged}

package/docs/projects/v2-clap-lights.md CHANGED Viewed

@@ -10,7 +10,7 @@ Let's learn how to use a clap 👏 to switch your @boardname@'s lights on and of
 ## {Setting up the sound input}
-► From the ``||input:Input||`` category, find the ``||input:on [loud] sound||`` container and add it to your workspace.
+■ From the ``||input:Input||`` category, find the ``||input:on [loud] sound||`` container and add it to your workspace.
 ```blocks
 // @highlight
@@ -23,14 +23,14 @@ input.onSound(DetectedSound.Loud, function () {
 Let's begin by creating a [__*variable*__](#variable "a holder for information that may change") to keep track of whether the @boardname@'s lights are on or off.
-► In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``lightsOn``.
+■ In the ``||variables:Variables||`` category, click on ``Make a Variable...`` and make a variable named ``lightsOn``.
 ## {Displaying LEDs part 1}
 In this step, we'll be using an [__*if then / else*__](#ifthenelse "runs some code if a Boolean condition is true and different code if the condition is false") statement.
-► From the ``||logic:Logic||`` category, grab an ``||logic:if <true> then / else||`` block and snap it into your ``||input:on [loud] sound||`` container.
-► Look in the ``||variables:Variables||`` category. Find the new ``||variables:lightsOn||`` variable and snap it in to **replace** the ``||logic:<true>||`` value in your ``||logic:if <true> then / else||`` statement.
+■ From the ``||logic:Logic||`` category, grab an ``||logic:if <true> then / else||`` block and snap it into your ``||input(noclick):on [loud] sound||`` container.
+■ Look in the ``||variables:Variables||`` category. Find the new ``||variables:lightsOn||`` variable and snap it in to **replace** the ``||logic(noclick):<true>||`` value in your ``||logic(noclick):if <true> then / else||`` statement.
 ```blocks
 let lightsOn = 0
@@ -46,8 +46,8 @@ input.onSound(DetectedSound.Loud, function () {
 ## {Displaying LEDs part 2}
-► From ``||basic:Basic||``, grab ``||basic:show leds||`` and snap it into the **top container** of your ``||logic:if then / else||`` statement.
-► Set the lights to a pattern you like!
+■ From ``||basic:Basic||``, grab ``||basic:show leds||`` and snap it into the **top container** of your ``||logic(noclick):if then / else||`` statement.
+■ Set the lights to a pattern you like!
 💡 In the hint, we chose to turn on all of the outside lights. Feel free to make your own design 🎨
 ```blocks
@@ -69,7 +69,7 @@ input.onSound(DetectedSound.Loud, function () {
 ## {Clearing the screen}
-► From ``||basic:Basic||``, find ``||basic:clear screen||`` and snap it into the **bottom container** of your ``||logic:if then / else||`` section.
+■ From ``||basic:Basic||``, find ``||basic:clear screen||`` and snap it into the **bottom container** of your ``||logic(noclick):if then / else||`` section.
 💡 This will turn the display off if ``lightsOn`` is **not** ``true``.
 ```blocks
@@ -94,9 +94,9 @@ input.onSound(DetectedSound.Loud, function () {
 Just like we'd toggle a light switch, each time we clap, we want to **flip** the variable ``lightsOn`` to the **opposite** of what it was before.
-► From ``||variables:Variables||``, locate ``||variables:set [lightsOn] to [0]||`` and snap it in at the **very top** of your ``||input:on [loud] sound||`` container.
-► From the ``||logic:Logic||`` category, find the ``||logic:not <>||`` operator and use it to **replace the ``[0]``** in ``||variables:set [lightsOn] to [0]||``.
-► From ``||variables:Variables||``, grab ``||variables:lightsOn||`` and snap it into the **empty part** of the ``||logic:not <>||`` operator.
+■ From ``||variables:Variables||``, locate ``||variables:set [lightsOn] to [0]||`` and snap it in at the **very top** of your ``||input(noclick):on [loud] sound||`` container.
+■ From the ``||logic:Logic||`` category, find the ``||logic:not <>||`` operator and use it to **replace the ``[0]``** in ``||variables(noclick):set [lightsOn] to [0]||``.
+■ From ``||variables:Variables||``, grab ``||variables:lightsOn||`` and snap it into the **empty part** of the ``||logic(noclick):not <>||`` operator.
 ```blocks
 let lightsOn = false
@@ -119,16 +119,16 @@ input.onSound(DetectedSound.Loud, function () {
 ## {Testing in the simulator}
-► Check out the simulator!
-► Click on the pink slider bar beneath the microphone icon and drag it up and down.
+■ Check out the simulator!
+■ Click on the pink slider bar beneath the microphone icon and drag it up and down.
 💡 Right now, your @boardname@ thinks that anything above 128 is loud. Every time the sound goes > 128, your lights should switch on/off.
 ## {Set loud sound threshold}
 Your @boardname@ might detect sounds when you don't want it to. Setting a [__*sound threshold*__](#soundThreshold "a number for how loud a sound needs to be to trigger an event. 0 = silence to 255 = maximum noise") could help 🔉🔊
-► Click on the ``||input:Input||`` category. A new category should show up beneath it called ``||input:...more||``.
-► From ``||input:...more||``, grab ``||input:set [loud] sound threshold to [128]||`` and snap it into your **empty** ``||basic:on start||`` container.
+■ Click on the ``||input:Input||`` category. A new category should show up beneath it called ``||input:...more||``.
+■ From ``||input:...more||``, grab ``||input:set [loud] sound threshold to [128]||`` and snap it into your **empty** ``||basic(noclick):on start||`` container.
 💡 Try to change the value of your sound threshold so that every time you clap, your lights will turn on if they are off and vice versa.
 ```blocks

package/docs/projects/v2-countdown.md CHANGED Viewed

@@ -13,8 +13,8 @@ Let's create a musical countdown using the new @boardname@ with sound!
 We'll begin by using a [__*for loop*__](#forLoop "repeat code for a given number of times using an index") to recreate the same sound 3 times.
-► From the ``||loops:Loops||`` category in your toolbox, find the ``||loops:for [index] from 0 to [4]||`` loop and add it to your ``||basic:on start||`` container.
-► Change your loop to count from ``0`` to **``2``**.
+■ From the ``||loops:Loops||`` category in your toolbox, find the ``||loops:for [index] from 0 to [4]||`` loop and add it to your ``||basic(noclick):on start||`` container.
+■ Change your loop to count from ``0`` to **``2``**.
 💡 This means the loop will count 0-1-2 instead of what we want, which is 3-2-1. We will worry about this later!
 ```blocks
@@ -26,9 +26,9 @@ for (let index = 0; index <= 2; index++) {
 ## {Play music}
-► From ``||music:Music||``, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and snap it into your empty ``for`` loop.
+■ From ``||music:Music||``, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and snap it into your empty ``for`` loop.
 💡 Your simulator might start playing music. You can mute it if distracting.
-► 1 beat is a little long. Use the **dropdown** to set the tone to play for ``||music:1/4 beat||``.
+■ 1 beat is a little long. Use the **dropdown** to set the tone to play for ``||music(noclick):1/4 beat||``.
 ```blocks
 for (let index = 0; index <= 2; index++) {
@@ -41,9 +41,9 @@ for (let index = 0; index <= 2; index++) {
 With every tone, we also want to **display** our countdown.
-► From ``||basic:Basic||``, find ``||basic:show number [0]||`` and snap it in at the **bottom** of your ``for`` loop.
-► From your ``||loops:for [index] from 0 to [2]||`` loop condition, click and drag out the **red** ``||variables:index||`` variable.
-► Use the ``||variables:index||`` that you dragged out to **replace** the ``0`` in ``||basic:show number [0]||``.
+■ From ``||basic:Basic||``, find ``||basic:show number [0]||`` and snap it in at the **bottom** of your ``for`` loop.
+■ From your ``||loops(noclick):for [index] from 0 to [2]||`` loop condition, click and drag out the **red** ``||variables(noclick):index||`` variable.
+■ Use the ``||variables(noclick):index||`` that you dragged out to **replace** the ``0`` in ``||basic(noclick):show number [0]||``.
 ```blocks
 for (let index = 0; index <= 2; index++) {
@@ -57,11 +57,11 @@ for (let index = 0; index <= 2; index++) {
 If you take a look at your simulator, you'll notice the @boardname@ flashing 0-1-2. We want it to say 3-2-1! Let's learn a trick to change that.
-► From the ``||math:Math||`` category, snap ``||math:[0] - [0]||`` in to **replace** ``||variables:index||`` in your ``||basic:show number [index]||`` block.
+■ From the ``||math:Math||`` category, snap ``||math:[0] - [0]||`` in to **replace** ``||variables(noclick):index||`` in your ``||basic(noclick):show number [index]||`` block.
 💡 You should now have a greyed out ``index`` variable in your workspace. We'll use that in the next step.
-► Pick up the greyed out ``||variables:index||`` variable and snap it in to the **right side** of your ``||math:[0] - [0]||`` operator.
-💡 Can't find ``||variables:index||``? Try moving your ``||basic:on start||`` container to see if ``||variables: index||`` is hiding behind it!
-► Set the **left side** of your ``||math:[0]-[index]||`` operator to **``3``**.
+■ Pick up the greyed out ``||variables(noclick):index||`` variable and snap it in to the **right side** of your ``||math:[0] - [0]||`` operator.
+💡 Can't find ``||variables(noclick):index||``? Try moving your ``||basic(noclick):on start||`` container to see if ``||variables(noclick):index||`` is hiding behind it!
+■ Set the **left side** of your ``||math(noclick):[0]-[index]||`` operator to **``3``**.
 💡 Why does this work? Every time we loop, our ``index`` variable will grow by 1 and our @boardname@ will output: 3-0 = **3** ➡️ 3-1 = **2** ➡️ 3-2 = **1**!
 ```blocks
@@ -74,8 +74,8 @@ for (let index = 0; index <= 2; index++) {
 ## {Printing "GO!"}
-► From ``||basic:Basic||``, grab ``||basic:show string ["Hello!"]||`` and snap it into the **very bottom** of your ``||basic:on start||`` container.
-► Replace ``Hello!`` with the word ``GO!``
+■ From ``||basic:Basic||``, grab ``||basic:show string ["Hello!"]||`` and snap it into the **very bottom** of your ``||basic(noclick):on start||`` container.
+■ Replace ``Hello!`` with the word ``GO!``
 ```blocks
 for (let index = 0; index <= 2; index++) {
@@ -88,9 +88,9 @@ basic.showString("GO!")
 ## {Adding a "GO!" noise}
-► From the ``||music:Music||`` category, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and place it **above** your ``||basic:show string ["GO!"]||`` block and **below** your ``||loops:for||`` loop.
+■ From the ``||music:Music||`` category, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and place it **above** your ``||basic(noclick):show string ["GO!"]||`` block and **below** your ``||loops(noclick):for||`` loop.
 💡 This will let your @boardname@ play the sound and show ``GO!`` at the same time.
-► Set the ``||music:tone||`` to be ``Middle G``.
+■ Set the ``||music(noclick):tone||`` to be ``Middle G``.
 💡 ``Middle G`` is also tone ``392``.
 ```blocks

package/docs/projects/v2-morse-chat.md CHANGED Viewed

@@ -21,8 +21,8 @@ Morse code is an alphabet composed of dots (short signals) and dashes (long sign
 hint~
-► From the ``||input:Input||`` category in the toolbox, drag an ``||input:on logo [pressed]||`` container into to your workspace.
-► From the ``||radio:Radio||`` category, get ``||radio:radio send number [0]||`` and snap it into your empty ``||input:on logo [pressed]||`` container.
+■ From the ``||input:Input||`` category in the toolbox, drag an ``||input:on logo [pressed]||`` container into to your workspace.
+■ From the ``||radio:Radio||`` category, get ``||radio:radio send number [0]||`` and snap it into your empty ``||input(noclick):on logo [pressed]||`` container.
 ```blocks
 input.onLogoEvent(TouchButtonEvent.Pressed, function () {
@@ -32,9 +32,9 @@ input.onLogoEvent(TouchButtonEvent.Pressed, function () {
 ## {Sending different messages pt. 1}
-► From ``||input:Input||``, grab **another** ``||input:on logo [pressed]||`` container and add it to your workspace.
+■ From ``||input:Input||``, grab **another** ``||input:on logo [pressed]||`` container and add it to your workspace.
 💡 This container is greyed out because it matches another. Let's change that!
-► On the greyed-out ``||input:on logo [pressed]||`` container, click on the **``pressed``** dropdown and set it to ``||input:long pressed||``.
+■ On the greyed-out ``||input(noclick):on logo [pressed]||`` container, click on the **``pressed``** dropdown and set it to ``||input(noclick):long pressed||``.
 ```blocks
 // @highlight
@@ -47,8 +47,8 @@ input.onLogoEvent(TouchButtonEvent.Pressed, function () {
 ## {Sending different messages pt. 2}
-► From the ``||radio:Radio||`` category, get a ``||radio:radio send number [0]||`` block and snap it into your **empty** ``||input:on logo [long pressed]||`` container.
-► Set the number to be ``1``.
+■ From the ``||radio:Radio||`` category, get a ``||radio:radio send number [0]||`` block and snap it into your **empty** ``||input(noclick):on logo [long pressed]||`` container.
+■ Set the number to be ``1``.
 ```blocks
 input.onLogoEvent(TouchButtonEvent.LongPressed, function () {
@@ -64,9 +64,9 @@ input.onLogoEvent(TouchButtonEvent.Pressed, function () {
 To ensure Sky gets the right message, we will use an [__*if then / else*__](#ifthenelse "runs some code if a boolean condition is true and different code if the condition is false") conditional statement.
-► From ``||radio:Radio||``, find the ``||radio:on radio received [receivedNumber]||`` container and add it to your workspace.
-► From ``||logic:Logic||``, grab an ``||logic:if <true> then / else||`` statement and snap it into your **new** ``||radio:on radio received [receivedNumber]||`` container.
-► Go back to the ``||logic:Logic||`` category, grab ``||logic:<[0] [=] [0]>||``, and click it in to **replace** the ``||logic:<true>||`` argument in your ``||logic:if <true> then / else||`` statement.
+■ From ``||radio:Radio||``, find the ``||radio:on radio received [receivedNumber]||`` container and add it to your workspace.
+■ From ``||logic:Logic||``, grab an ``||logic:if <true> then / else||`` statement and snap it into your **new** ``||radio(noclick):on radio received [receivedNumber]||`` container.
+■ Go back to the ``||logic:Logic||`` category, grab ``||logic:<[0] [=] [0]>||``, and click it in to **replace** the ``||logic(noclick):<true>||`` argument in your ``||logic(noclick):if <true> then / else||`` statement.
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -81,8 +81,8 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Conditioning on the input}
-► From your ``||radio:on radio received [receivedNumber]||`` container, grab the **``receivedNumber``** input and drag out a copy.
-► Use your copy of **``receivedNumber``** to replace the ``[0]`` on the **left side** of ``||logic:<[0] [=] [0]>||``.
+■ From your ``||radio:on radio received [receivedNumber]||`` container, grab the **``receivedNumber``** input and drag out a copy.
+■ Use your copy of **``receivedNumber``** to replace the ``[0]`` on the **left side** of ``||logic(noclick):<[0] [=] [0]>||``.
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -97,8 +97,8 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Displaying a message pt. 1}
-► We want to display a dash if the logo is long pressed.  From ``||basic:Basic||``, grab ``||basic:show leds||`` and snap it into the empty **bottom container** of your ``||logic:if then / else||`` statement.
-► Turn on 3 LEDs in a row to be a dash: -
+■ We want to display a dash if the logo is long pressed.  From ``||basic:Basic||``, grab ``||basic:show leds||`` and snap it into the empty **bottom container** of your ``||logic(noclick):if then / else||`` statement.
+■ Turn on 3 LEDs in a row to be a dash: -
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -118,7 +118,7 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Playing a sound pt. 1}
-► From the ``||music:Music||`` category, grab a ``||music:play tone [Middle C] for [1 beat] [until done]||`` block and snap it at the **end** of the **bottom container** in your ``||logic:if then / else||`` statement.
+■ From the ``||music:Music||`` category, grab a ``||music:play tone [Middle C] for [1 beat] [until done]||`` block and snap it at the **end** of the **bottom container** in your ``||logic(noclick):if then / else||`` statement.
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -139,8 +139,8 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Displaying a message pt. 2}
-► We want to display a dot if the logo is pressed. From ``||basic:Basic||``, grab another ``||basic:show leds||`` and snap it into the **top container** of your ``||logic:if then / else||`` statement.
-► Turn on a single LED to make a dot: .
+■ We want to display a dot if the logo is pressed. From ``||basic:Basic||``, grab another ``||basic:show leds||`` and snap it into the **top container** of your ``||logic(noclick):if then / else||`` statement.
+■ Turn on a single LED to make a dot: .
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -168,8 +168,8 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Playing a sound pt. 2}
-► From the ``||music:Music||`` category, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and snap it in at the **end** of the **top container** in your ``||logic:if then / else||`` statement.
-► Dots are shorter than dashes! Set the tone to play for ``1/4 beat``.
+■ From the ``||music:Music||`` category, grab ``||music:play tone [Middle C] for [1 beat] [until done]||`` and snap it in at the **end** of the **top container** in your ``||logic(noclick):if then / else||`` statement.
+■ Dots are shorter than dashes! Set the tone to play for ``1/4 beat``.
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -198,7 +198,7 @@ radio.onReceivedNumber(function (receivedNumber) {
 ## {Clearing the screens}
-► From ``||basic:Basic||``, find ``||basic:clear screen||`` and snap it in at the **very bottom** of your ``||radio:on radio received [receivedNumber]||`` container.
+■ From ``||basic:Basic||``, find ``||basic:clear screen||`` and snap it in at the **very bottom** of your ``||radio(noclick):on radio received [receivedNumber]||`` container.
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {
@@ -232,7 +232,7 @@ radio.onReceivedNumber(function (receivedNumber) {
 Test what you've created. Remember to turn your sound on!
-► Touch the gold **micro:bit logo** at the top of your @boardname@ on the simulator. You'll notice that a second @boardname@ appears. This is the @boardname@ for Sky 🐖
+■ Touch the gold **micro:bit logo** at the top of your @boardname@ on the simulator. You'll notice that a second @boardname@ appears. This is the @boardname@ for Sky 🐖
 💡 If your screen is too small, you might not be able to see it.
 ```blocks
@@ -270,10 +270,10 @@ input.onLogoEvent(TouchButtonEvent.Pressed, function () {
 ## {Testing in the simulator - Send message}
-► Touch the logo again to send messages to Sky 🐖
+■ Touch the logo again to send messages to Sky 🐖
 **Press** to send a dot.
 **Long press** (count to 3!) to send a dash.
-► If you have multiple @boardname@s with sound (they have **shiny gold** logos at the top), download this code and try it out!
+■ If you have multiple @boardname@s with sound (they have **shiny gold** logos at the top), download this code and try it out!
 ```blocks
 radio.onReceivedNumber(function (receivedNumber) {