2 files changed, 7 insertions, 7 deletions
diff --git a/js/toadmode/index.html b/js/toadmode/index.html
index 6a0696e..a1327b4 100644
--- a/js/toadmode/index.html
+++ b/js/toadmode/index.html
@@ -13,8 +13,8 @@
             margin: 0;
             padding: 0;
             background-color: #000;
-            font-family: 'APL386', monospace;
-            /* font-family: 'Shantell Sans', sans-serif; */
+            /* font-family: 'APL386', monospace; */
+            font-family: 'Shantell Sans', sans-serif;
         }
         canvas {
             display: block;
diff --git a/js/toadmode/toad.js b/js/toadmode/toad.js
index 3b7ba84..7e9822b 100644
--- a/js/toadmode/toad.js
+++ b/js/toadmode/toad.js
@@ -100,7 +100,7 @@ contextMenu.style.border = '1px solid black';
 ['Square', 'Triangle', 'Circle', 'Octagon', 'Pentagon', 'Diamond', 'Nope'].forEach(shape => {
     const option = createContextMenuOption(shape);
     contextMenu.appendChild(option);
-});
+}); // I mean, realistically shape should be label, but I got this far...so Nope is gonna be a shape
 
 document.body.appendChild(contextMenu);
 
@@ -132,13 +132,13 @@ const redrawGrid = () => {
     context.fillRect(0, 0, canvas.width, canvas.height);
 
     context.strokeStyle = 'white';
-    [...Array(Math.ceil(viewportWidth / gridSize)).keys()].forEach(x => {
+    for (let x = 0; x < Math.ceil(viewportWidth / gridSize); x++) {
         drawLine(x * gridSize, 0, x * gridSize, viewportHeight);
-    });
+    }
 
-    [...Array(Math.ceil(viewportHeight / gridSize)).keys()].forEach(y => {
+    for (let y = 0; y < Math.ceil(viewportHeight / gridSize); y++) {
         drawLine(0, y * gridSize, viewportWidth, y * gridSize);
-    });
+    }
 
     shapes.forEach(shape => {
         drawShape(shape.type, shape.x, shape.y);