update T3 notes

Author: DicaprioCheung

tutorial-3-advanced-io/01-mainboard-pins.md

@@ -105,6 +105,8 @@ The most common one is the 4 pin one but there are 2, 3, 5, 6 pin versions of th
 
 ![](images/molex.png)
 
+![](images/Molex_mainboard.jpeg)
+
 ## XA Connector
 
 XA Connector is the rarest one because it is only soldered on the boards made in Spring 2024. It is in brownish-white color or we call it rice color in chinese.
@@ -114,6 +116,8 @@ The most common one is the 4 pin one but there are 2, 3, 5, 6 pin versions of th
 ![](images/XA1.jpg) 
 ![](images/XA2.jpeg)
 
+![](images/XA_mainboard.jpeg)
+
 
 ## XH Connector
 
@@ -123,6 +127,8 @@ The most common one is the 4 pin one but there are 2, 3, 5, 6 pin versions of th
 
 ![](images/XH.jpg)
 
+![](images/XH_mainboard.jpeg)
+
 ## Rainbow wires
 
 When we are lazy, we will just use rainbow wires to connect things. You can tear a few wires out to use it when you need.

tutorial-3-advanced-io/02-pwm-and-servo.md

@@ -13,6 +13,8 @@ Dicaprio Cheung
 
 # Servo Motor
 
+>The servo of this data sheet is not the servo you are using in the tutorial. We are using MG996R Servo Motor
+
 ![data sheet reference](https://i.imgur.com/kcznbWB.png)
 
 ### What is servo motor?
@@ -145,6 +147,20 @@ There are 4 steps in setting up the PWM output channel and the pin to use.
 - Red 5V wire of servo connect to Vcc(Voltage) of GPIO port
 - Brown GND wire of servo connect to GND(Ground) of GPIO port
 
+<details>
+
+<summary>My servo have different color wires!</summary>
+
+
+Servos of different models have different colored wires.
+
+For servos with White, Red, Black wires, their color code is:
+- White PWM wire of servo connect to the pin you chose (PC7(TIM3\_CH2) for the example above)
+- Red 5V wire of servo connect to Vcc(Voltage) of GPIO port
+- Black GND wire of servo connect to GND(Ground) of GPIO port
+
+</details>
+
 ![](images/Servo-wires.png)![](images/GPIO_pins.png)
 
 ### Start Coding!!!