From c75aeb0b89b21e40dbfaf37371576e6899ec3bbf Mon Sep 17 00:00:00 2001
From: pci <pierre.clerissi@gmail.com>
Date: Fri, 11 Jun 2021 00:24:15 +0200
Subject: [PATCH] Add a text box to let user insert pixel per inch

---
 index.html        | 4 ++++
 rulerGenerator.js | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1626299..1435817 100644
--- a/index.html
+++ b/index.html
@@ -23,6 +23,10 @@ <h1>Vector Ruler Generator
         <span>Download a laser cuttable ruler to etch into your belongings and belts.</span>
     </h1>
     <form id="rulerParameters" action="" >
+			  <label>
+								<span>Pixel per Inch (aka DPI):</span>
+								<input type="text" id="ppInch" value="96" >
+				</label>
         <label>
             <span>Start:</span>
             <input type="text"  id="startNo"  value="0"  >
diff --git a/rulerGenerator.js b/rulerGenerator.js
index 41fe337..66d8df0 100644
--- a/rulerGenerator.js
+++ b/rulerGenerator.js
@@ -31,7 +31,7 @@ var limitTickQty = function(){
 }
 
 var checkUnit = function(){
-    var pixelsPerInch = 72//I don't think this needs to be in the object....
+    var pixelsPerInch = $('#ppInch').val() 
     var pixelsPerCM  =  pixelsPerInch / ruler.cmPerInch
 
     if (ruler.units === "inches"){