Small tutorial fixes and FE image updates (#585)
| 
		 Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 41 KiB  | 
							
								
								
									
										
											BIN
										
									
								
								docs/static/tutorials/run-motors/motor-port-dropdown.png
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| 
		 After Width: | Height: | Size: 9.4 KiB  | 
| 
		 Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 13 KiB  | 
| 
		 Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 37 KiB  | 
| 
		 Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 33 KiB  | 
@@ -66,8 +66,7 @@ brick.buttonDown.onEvent(ButtonEvent.Pressed, function () {
 | 
			
		||||
 | 
			
		||||
## Step 5
 | 
			
		||||
 | 
			
		||||
Now, let’s add a Medium motor, and tell it how many rotations we want it to run for. 
 | 
			
		||||
Open the ``||brick:Brick||`` Toolbox drawer. Drag out **2** ``|brick:on button||`` blocks. In the ``||brick:on button||`` blocks, use the drop-down menu to select the ``left`` and ``right`` buttons.
 | 
			
		||||
Now, let’s add a Medium motor, and tell it how many rotations we want it to run for. Open the ``||brick:Brick||`` Toolbox drawer. Drag out **2** ``|brick:on button||`` blocks. In the ``||brick:on button||`` blocks, use the drop-down menu to select the ``left`` and ``right`` buttons.
 | 
			
		||||
 | 
			
		||||
```blocks
 | 
			
		||||
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
 | 
			
		||||
@@ -105,9 +104,11 @@ brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
 | 
			
		||||
 | 
			
		||||
## Step 7
 | 
			
		||||
 | 
			
		||||
For the ``||motors:run||`` blocks that are in the ``||brick:on button left||`` and ``||brick:on button right||`` blocks, use the drop-down menu to select ``medium motor D``. 
 | 
			
		||||
 
 | 
			
		||||

 | 
			
		||||
For the ``||motors:run||`` blocks that are in the ``||brick:on button left||`` and ``||brick:on button right||`` blocks, use the drop-down menu to select a ``medium motor`` on port ``D``. 
 | 
			
		||||
 | 
			
		||||
| | | |
 | 
			
		||||
|-|-|-|
 | 
			
		||||
|  | | |  |
 | 
			
		||||
 | 
			
		||||
```blocks
 | 
			
		||||
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
 | 
			
		||||
@@ -203,7 +204,7 @@ brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
 | 
			
		||||
})
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
# Step 12
 | 
			
		||||
## Step 12
 | 
			
		||||
 | 
			
		||||
Open the ``||motors:Motors||`` Toolbox drawer. Drag out a ``||motors:stop all motors||`` block onto the Workspace, and drop into the ``||brick:on button||`` enter block.
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -111,7 +111,7 @@ brick.showString("What color?", 1)
 | 
			
		||||
 | 
			
		||||
## Step 8
 | 
			
		||||
 | 
			
		||||
In the ``||music::play sound effect||`` blocks, use the drop-down menu to select the ``colors red``, ``colors green``, and ``colors yellow`` sound effects corresponding to the different colors detected. 
 | 
			
		||||
In the ``||music:play sound effect||`` blocks, use the drop-down menu to select the ``colors red``, ``colors green``, and ``colors yellow`` sound effects corresponding to the different colors detected. 
 | 
			
		||||
 | 
			
		||||
```blocks
 | 
			
		||||
sensors.color3.onColorDetected(ColorSensorColor.Red, function () {
 | 
			
		||||
 
 | 
			
		||||