added change_the_buttons tutorial

docs/user_manual/tutorials/hardware/change_buttons.md

@@ -1,5 +1,127 @@
+You FunKey S is delivered with 4 extra sets of buttons (red, blue, yellow and green) so that you can customize them at will. It only requires a standard **Phillips
+screwdriver (PH0)**, **tweezers** and a **knife or scissors** for cutting up the plastic holding the new buttons together.
+
+!!! note
+	Be careful when opening up the console. FunKey Project is not responsible for any damage done to your console when changing the buttons.
+
+### **STEP 1 - Removing the screws** {.step-title}
+
+![Before opening](/assets/images/disassembly/IMG_8800.jpg){.step-thumb}
+![Remove the screws](/assets/images/disassembly/IMG_8801.jpg){.step-thumb}
+![Screws removed](/assets/images/disassembly/IMG_8803.jpg){.step-thumb}
+
+Using a standard **Phillips PH0 screwdriver**, remove the 2 screws on
+the back of your FunKey S.
+
+!!! warning
+	Be careful to use the correct screwdriver head size and type to
+	prevent damaging the screws (do not use JIS screwdrivers). 
+	FunKey Project is not responsible for replacing damaged screws.
+
+### **STEP 2 - Opening up the console** {.step-title}
+
+![Pull up hinge first](/assets/images/disassembly/IMG_8848.jpg){.step-thumb}
+![Console opened](/assets/images/disassembly/IMG_8989.jpg){.step-thumb}
+
+Carefully remove the plastic back of the console by pulling up the hinge side first
+
+### **STEP 3 - Removing the keychain lanyard** {.step-title}
+
+![Console opened](/assets/images/disassembly/IMG_8994.jpg){.step-thumb}
+![Console opened](/assets/images/disassembly/IMG_8993.jpg){.step-thumb}
+![Pull up the plastic buttons](/assets/images/disassembly/IMG_8896.jpg){.step-thumb}
+
+Carefully remove the keychain lanyard and its axis by pulling gently (it may fall off when opening).
+
+!!! warning
+    The axis is a small part, be careful not to loose it.
+
+### **STEP 4 - Removing the LR buttons** {.step-title}
+
+![Console opened](/assets/images/disassembly/IMG_8846.jpg){.step-thumb}
+![Pull up the plastic buttons](/assets/images/disassembly/IMG_8844.jpg){.step-thumb}
+![Pull up the plastic buttons](/assets/images/disassembly/IMG_8900.jpg){.step-thumb}
+
+Carefully remove the L/R plastic buttons by gently pulling them out of their axis
+
+!!! warning
+    Be careful not to damage the L/R switches on the circuit board!
+
+### **STEP 5 - Unplugging the battery** {.step-title}
+
+![Lift the battery](/assets/images/disassembly/IMG_8818.jpg){.step-thumb}
+![Get the battery out of the way](/assets/images/disassembly/IMG_8828.jpg){.step-thumb}
+![Get the battery out of the way](/assets/images/disassembly/IMG_8986_arrow.jpg){.step-thumb}
+
+!!! note
+	This step is not required for changing the buttons, but we still advise it. You can however jump to the next step and not unplug the battery.
+
+Lift the battery and pull gently by the top of the circuit board to unplug the battery. The battery may be stuck to the processor with double-sided adhesive, it's perfectly normal if you have to lift with a bit of force to unstick it. 
+
+!!! warning
+	Be sure to pull on the connector and **NOT the wires** when removing the battery. It is recommended to use tweezers.
+
+### **STEP 6 - Unplugging the screen** {.step-title}
+
+![Unplug screen](/assets/images/disassembly/IMG_8964.jpg){.step-thumb}
+![Unplug screen](/assets/images/disassembly/IMG_8963.jpg){.step-thumb}
+![Unplug screen](/assets/images/disassembly/IMG_8938.jpg){.step-thumb}
+
+Now that you have access to the circuit board, you can unplug the screen. 
+!!! warning
+	This connector is fragile, unplug it vertically without force. It is recommended to use tweezers.
+
+### **STEP 7 - Removing the circuit board** {.step-title}
+
+![Pull PCB by its micro-USB port](/assets/images/disassembly/IMG_8942.jpg){.step-thumb}
+![Pull PCB by its micro-USB port](/assets/images/disassembly/IMG_8943.jpg){.step-thumb}
+![Pull PCB by its micro-USB port](/assets/images/disassembly/IMG_8902.jpg){.step-thumb}
+
+By grabbing it **by the hinge side**, gently pull up the circuit board from the plastic casing.
+
+### **STEP 8 - Removing the buttons you wish to change** {.step-title}
+
+![Remove buttons](/assets/images/disassembly/IMG_8934.jpg){.step-thumb}
+![Remove buttons](/assets/images/disassembly/IMG_8905.jpg){.step-thumb}
+
+Remove the buttons from their socket. It is recommended to use tweezers.
+
+### **STEP 9 - Separating the new buttons** {.step-title}
+
+![Cut buttons](/assets/images/disassembly/IMG_8892.jpg){.step-thumb}
+![Cut buttons](/assets/images/disassembly/IMG_8923.jpg){.step-thumb}
+![Cut buttons](/assets/images/disassembly/IMG_8929.jpg){.step-thumb}
+
+Cut up the buttons from the four sets of colors included with your FunKey S. 
+In this exemple one of the A/B/X/Y button is cut from each color.
+
+!!! warning
+	When replacing a specific button, for example the top arrow, you need to get the same exact button (top arrow). For example a left arrow should not replace a top arrow or the console might not close properly when reassembling it.
+
+### **STEP 10 - Assembling the new buttons** {.step-title}
+
+![Assembly Buttons](/assets/images/disassembly/IMG_8910.jpg){.step-thumb}
+![Assembly Buttons](/assets/images/disassembly/IMG_8915.jpg){.step-thumb}
+![Assembly Buttons](/assets/images/disassembly/IMG_8945.jpg){.step-thumb}
+
+Reassemble the new cut buttons in their hole.
+
+### **STEP 11 - Reassembly** {.step-title}
+
+![Insert speaker first](/assets/images/disassembly/IMG_9013_YES.jpg){.step-thumb}
+![Do not insert hinge first](/assets/images/disassembly/IMG_9015_NO.jpg){.step-thumb}
+![Assembly result](/assets/images/disassembly/IMG_8891.jpg){.step-thumb}
+
+Insert first the speaker into its location in the casing before
+putting the circuit board back in the case, like in the pictures.
+
+Reassemble the console by following the previous steps in reverse order.
+
+!!! warning
+    Be careful not to damage the switches on the circuit board when
+    putting back the L/R plastic buttons.
+
 
 --8<--
 includes/glossary.md
 --8<--
-