WIP moving to separate files

.eslintrc.json

@@ -0,0 +1,14 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": "airbnb-base",
+    "overrides": [
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest"
+    },
+    "rules": {
+    }
+}

index.html

@@ -496,7 +496,7 @@
       </section>
 
       <section class="sub-section">
-        <button type="button" class="generate-button" onclick="outputString()">Generate code</button>
+        <button type="button" class="generate-button" onclick="generateOutputString()">Generate code</button>
         <button type="button" id = "copy-button" onclick="copyOutput()">Copy Output</button>
         <button type="button" id = "download-button" onclick="downloadFile()">Download as binary file (.bin)</button>
         <textarea id="code-output" class="code-output"></textarea>

package.json

@@ -0,0 +1,16 @@
+{
+  "name": "image2cpp",
+  "version": "1.0.0",
+  "description": "Use this tool online at http://javl.github.io/image2cpp/ image2cpp is a simple tool to change images into byte arrays (or your array back into an image) for use with (monochrome) displays suchs as OLEDs, like those from Adafruit or Sparkfun. While searching for a way to generate these arrays, I mostly found links to a piece of Windows software. Both the flakey results and the hassle of having to boot a virtual machine just to convert an image lead to me writing this pure html + javascript solution.",
+  "main": "dithering.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "eslint": "^8.39.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-import": "^2.27.5"
+  }
+}