Prep Trinket M0

To assemble the circuit we used a flexible PCB to extend the ground connections.This way we can break out more pins on the Trinket M0.

Use sharp scissors to cut a small piece of four connected pins. The first pin on the flex PCB is soldered to the GND pin on the Trinket. The other three pins will be used for the NeoPixel Ring and Rotary encoder.

Tin the GND pin on the Trinket and then using tweezers, hold the flex PCB over the GND pin while apply heated to solder the Flex PCB to the Trinket.

Prep wires

Next we'll move on to measuring, cutting and tinning all of the wires needed to connect all of the components together. 

The NeoPixel Ring will need all of the connections to be 90mm long. The Rotary Encoder wires need to be 80mm long to reach the Trinket.

Solder NeoPixel Ring

Use third helping hands to hold the NeoPixel ring while tinning and soldering wires to the Data IN, 5v and Ground pins.

Thread Ring wires

Align the NeoPixel ring over the mounting area on the dial-mid part and pass each wire through the holes on the part.

Use tweezers to help thread the wires through the holes. 

Gently press down on the NeoPixel Ring to snap fit inside the mount on the enclosure.

You can use the other two free holes to push the ring out of the enclosure if you ever need to.

Solder Rotary

Now we can prepare the Rotary Encoder. First, gently bend the legs back to avoid making contact with the Trinket once mounted inside the enclosure.

Tin and then solder each colored coded wire to according to the circuit diagram. 

You can hold the Rotary Encoder by the stem with a third helping hands to make it easier to solder. 

Mount Rotary Encoder

The rotary encoder is fitted through the hole on the dial-mid part. Rotate the part until the legs are aligned with the USB port on the side of the enclosure as shown in the picture.

If you haven't already, gently ned the legs back so they don't make contact with the Trinket once mounted in place.

Attach washer

Now we can place the washer and screw back on to the Rotary Encoder. Hold it in place while screwing the hex nut back onto the steam.

Solder Rotary to Trinket

With the Rotary mounted we can finally move on to connect it to the Trinket.

Align the Rotary assembly next to the Trinket with a pair of third helping hands.

Reference the circuit diagram and solder each connection for the NeoPixel ring and Rotary to the Trinket M0. 

Mount Trinket

Now we can mount the Trinket to the dial-lid part. We'll use M2.5x5mm long screws to securely mount the Trinket.  

First, we'll create threads for the mounts by fastening the screws to before mounting the Trinket.  Make sure the screws fasten straight to properly align the Trinket mounting holes.

Align USB port

Now we can attach the Trinket to to rest of the enclosure. Snap fit the dial-lid onto the dial-mid by attaching it an angle. 

Insert the back side of the lid (opposite side of the USB opening) first and then rotate the lid until the USB port on the Trinket and the opening on the enclosure align.

Attach Dial

Align the printed dial to the notch on the Rotary Encoders steam and press fit until it pushes all the way into the part.

Make sure to apply even pressure to the dial to avoid any wobble on the cover while turning the dial.

Complete!

Now we can fit our USB cable into the Trinket and setup any key strokes to assign to the media dial! 

We can additional attach rubber feet or even add tac to prevent the dial from moving while in use. 

If the LED ring lights up in the opposite direction while turning, you'll mostly likely need to swap the two wires on the three leg side of the Rotary Encoder.