diff --git a/.gitignore b/.gitignore
index 48e950d..7455881 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,4 +12,4 @@ bundles
 *.DS_Store
 .eggs
 dist
-**/*.egg-info
\ No newline at end of file
+**/*.egg-info
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 42c3715..6cd77e3 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -11,3 +11,9 @@ repos:
     rev: latest
     hooks:
     - id: reuse
+-   repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v2.3.0
+    hooks:
+    -   id: check-yaml
+    -   id: end-of-file-fixer
+    -   id: trailing-whitespace
diff --git a/examples/server/static/index.html b/examples/server/static/index.html
index f74f2d2..df08ec7 100755
--- a/examples/server/static/index.html
+++ b/examples/server/static/index.html
@@ -13,4 +13,4 @@
         <h1>LED color picker demo!</h1>
         <canvas id="colorPicker" height="300px" width="300px"></canvas>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/examples/server/static/led_color_picker_example.js b/examples/server/static/led_color_picker_example.js
index 53d97d2..810ca44 100755
--- a/examples/server/static/led_color_picker_example.js
+++ b/examples/server/static/led_color_picker_example.js
@@ -9,7 +9,7 @@ ctx.height = 300;
 
 function drawColorPicker() {
     /**
-     * Color picker inspired by: 
+     * Color picker inspired by:
      * https://medium.com/@bantic/hand-coding-a-color-wheel-with-canvas-78256c9d7d43
      */
     let radius = 150;
@@ -18,30 +18,30 @@ function drawColorPicker() {
 
     for (let x = -radius; x < radius; x++) {
         for (let y = -radius; y < radius; y++) {
-        
+
         let [r, phi] = xy2polar(x, y);
-        
+
         if (r > radius) {
             // skip all (x,y) coordinates that are outside of the circle
             continue;
         }
-        
+
         let deg = rad2deg(phi);
-        
+
         // Figure out the starting index of this pixel in the image data array.
         let rowLength = 2*radius;
         let adjustedX = x + radius; // convert x from [-50, 50] to [0, 100] (the coordinates of the image data array)
         let adjustedY = y + radius; // convert y from [-50, 50] to [0, 100] (the coordinates of the image data array)
         let pixelWidth = 4; // each pixel requires 4 slots in the data array
         let index = (adjustedX + (adjustedY * rowLength)) * pixelWidth;
-        
+
         let hue = deg;
         let saturation = r / radius;
         let value = 1.0;
-        
+
         let [red, green, blue] = hsv2rgb(hue, saturation, value);
         let alpha = 255;
-        
+
         data[index] = red;
         data[index+1] = green;
         data[index+2] = blue;
@@ -127,4 +127,3 @@ function getCursorPosition(canvas, event) {
 
 drawColorPicker();
 canvas.addEventListener('mousedown', onColorPick);
-