williamfridh
diff --git a/‎README.md‎
Lines changed: 8 additions & 0 deletions b/‎README.md‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎test/Bite.html‎
Lines changed: 0 additions & 76 deletions b/‎test/Bite.html‎
Lines changed: 0 additions & 76 deletions
diff --git a/‎test/Localiza.html‎
Lines changed: 0 additions & 76 deletions b/‎test/Localiza.html‎
Lines changed: 0 additions & 76 deletions
diff --git a/‎test/Loop_Earplugs.html‎
Lines changed: 0 additions & 56 deletions b/‎test/Loop_Earplugs.html‎
Lines changed: 0 additions & 56 deletions
diff --git a/‎test/Manychat.html‎
Lines changed: 0 additions & 76 deletions b/‎test/Manychat.html‎
Lines changed: 0 additions & 76 deletions
diff --git a/‎test/all.html‎
Lines changed: 9 additions & 3 deletions b/‎test/all.html‎
Lines changed: 9 additions & 3 deletions
@@ -43,6 +43,14 @@ Download and include **Paletteron.min.js** or **Paletteron.js** from the dist fo
 1. palette - The resulting palette returned from getPalette().
 2. paletteElement - The element to which it should print the debugging palette.
 
+## How To Test
+
+Since Paletteron builds on the javascript function getImageData(), it might not allow you to simply open one of the test exmaples. Thus, you need to start a simple local server using Python, like so:
+
+```
+python -m http.server 8000
+```
+
 ## Examples
 
 ### Code Example
 
@@ -3,7 +3,7 @@
 <head>
     <title>Test</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></script>
-    <script src="../Paletteron.js"></script>
+    <script src="../dist/Paletteron.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             console.log('DOMContentLoaded');
@@ -17,13 +17,19 @@
                 // Add listener to wait for image to be loaded
                 if (img.complete) {
                     console.log('Image already loaded');
+                    console.time('getPalette');
                     const palette = paletteron.getPalette(img);
+                    console.timeLog('getPalette');
                     paletteron.printDebuggingPalette(palette, paletteElement);
+                    console.timeEnd('getPalette');
                 } else {
                     img.addEventListener('load', () => {
                         console.log('Image loaded');
+                        console.time('getPalette');
                         const palette = paletteron.getPalette(img);
+                        console.timeLog('getPalette');
                         paletteron.printDebuggingPalette(palette, paletteElement);
+                        console.timeEnd('getPalette');
                     });
                 }
 
@@ -47,7 +53,7 @@
     <div class="img-holder">
         <img src="img/Localiza.jpg" width="400" />
         <div class="palette"></div>
-    </div>
+    </div><!--
     <div class="img-holder">
         <img src="img/Bite.jpg" width="400" />
         <div class="palette"></div>
@@ -83,7 +89,7 @@
     <div class="img-holder">
         <img src="img/Lipton.jpg" width="400" />
         <div class="palette"></div>
-    </div>
+    </div>-->
 </body>
 </html>