From db68dba9b8a24dacbbc90c8fd8565b0b4251f95e Mon Sep 17 00:00:00 2001
From: Dominic DiTaranto <me@domdit.com>
Date: Thu, 4 Sep 2025 22:50:27 -0400
Subject: [PATCH] final

---
 assets/img/sprites/reset.pixil |   1 +
 assets/img/sprites/reset.png   | Bin 0 -> 3311 bytes
 assets/script.js               |  26 ++++++++---
 index.html                     |  83 ++++++++++++++++++++++++++++++---
 4 files changed, 96 insertions(+), 14 deletions(-)
 create mode 100644 assets/img/sprites/reset.pixil
 create mode 100644 assets/img/sprites/reset.png

diff --git a/assets/img/sprites/reset.pixil b/assets/img/sprites/reset.pixil
new file mode 100644
index 0000000..b42073f
--- /dev/null
+++ b/assets/img/sprites/reset.pixil
@@ -0,0 +1 @@
+{"application":"pixil","type":".pixil","version":"2.7.0","website":"pixilart.com","author":"https://www.pixilart.com","contact":"support@pixilart.com","width":16,"height":16,"colors":{"default":["000000","ffffff","f44336","e91e63","9c27b0","673ab7","3f51b5","2196f3","03a9f4","00bcd4","009688","4caf50","8bc34a","cddc39","ffeb3b","ffc107","ff9800","ff5722","795548","9e9e9e","607d8b","ffebee","ffcdd2","ef9a9a","e57373","ef5350","e53935","d32f2f","c62828","b71c1c","ff8a80","ff5252","ff1744","d50000","fce4ec","f8bbd0","f48fb1","f06292","ec407a","e91e63","d81b60","c2185b","ad1457","880e4f","ff80ab","ff4081","f50057","c51162","f3e5f5","e1bee7","ce93d8","ba68c8","ab47bc","9c27b0","8e24aa","7b1fa2","6a1b9a","4a148c","ea80fc","e040fb","d500f9","aa00ff","ede7f6","d1c4e9","b39ddb","9575cd","7e57c2","673ab7","5e35b1","512da8","4527a0","311b92","b388ff","7c4dff","651fff","6200ea","e8eaf6","c5cae9","9fa8da","7986cb","5c6bc0","3f51b5","3949ab","303f9f","283593","1a237e","8c9eff","536dfe","3d5afe","304ffe","e3f2fd","bbdefb","90caf9","64b5f6","42a5f5","2196f3","1e88e5","1976d2","1565c0","0d47a1","82b1ff","448aff","2979ff","2962ff","e1f5fe","b3e5fc","81d4fa","4fc3f7","29b6f6","03a9f4","039be5","0288d1","0277bd","01579b","80d8ff","40c4ff","00b0ff","0091ea","e0f7fa","b2ebf2","80deea","4dd0e1","26c6da","00bcd4","00acc1","0097a7","00838f","006064","84ffff","18ffff","00e5ff","00b8d4","e0f2f1","b2dfdb","80cbc4","4db6ac","26a69a","009688","00897b","00796b","00695c","004d40","a7ffeb","64ffda","1de9b6","00bfa5","e8f5e9","c8e6c9","a5d6a7","81c784","66bb6a","4caf50","43a047","388e3c","2e7d32","1b5e20","b9f6ca","69f0ae","00e676","00c853","f1f8e9","dcedc8","c5e1a5","aed581","9ccc65","8bc34a","7cb342","689f38","558b2f","33691e","ccff90","b2ff59","76ff03","64dd17","f9fbe7","f0f4c3","e6ee9c","dce775","d4e157","cddc39","c0ca33","afb42b","9e9d24","827717","f4ff81","eeff41","c6ff00","aeea00","fffde7","fff9c4","fff59d","fff176","ffee58","ffeb3b","fdd835","fbc02d","f9a825","f57f17","ffff8d","ffff00","ffea00","ffd600","fff8e1","ffecb3","ffe082","ffd54f","ffca28","ffc107","ffb300","ffa000","ff8f00","ff6f00","ffe57f","ffd740","ffc400","ffab00","fff3e0","ffe0b2","ffcc80","ffb74d","ffa726","ff9800","fb8c00","f57c00","ef6c00","e65100","ffd180","ffab40","ff9100","ff6d00","fbe9e7","ffccbc","ffab91","ff8a65","ff7043","ff5722","f4511e","e64a19","d84315","bf360c","ff9e80","ff6e40","ff3d00","dd2c00","efebe9","d7ccc8","bcaaa4","a1887f","8d6e63","795548","6d4c41","5d4037","4e342e","3e2723","fafafa","f5f5f5","eeeeee","e0e0e0","bdbdbd","9e9e9e","757575","616161","424242","212121","eceff1","cfd8dc","b0bec5","90a4ae","78909c","607d8b","546e7a","455a64","37474f","263238"],"simple":["ffffff","d4d4d4","a1a1a1","787878","545454","303030","000000","edc5c5","e68383","ff0000","de2424","ad3636","823737","592b2b","f5d2ee","eb8dd7","f700b9","bf1f97","9c277f","732761","4f2445","e2bcf7","bf79e8","9d00ff","8330ba","6d3096","502c69","351b47","c5c3f0","736feb","0905f7","2e2eb0","2d2d80","252554","090936","c7e2ed","6ac3e6","00bbff","279ac4","347c96","2d5b6b","103947","bbf0d9","6febb3","00ff88","2eb878","349166","2b694c","0c3d25","c2edc0","76ed70","0dff00","36c72c","408c3b","315c2e","144511","d6edbb","b5eb73","8cff00","89c93a","6f8f44","4b632a","2a400c","f1f2bf","eef069","ffff00","baba30","91913f","5e5e2b","3b3b09","ffdeb8","f2ae61","ff8400","c48037","85623d","573e25","3d2309","fcbbae","ff8066","ff2b00","cc553d","9c5b4e","61372e","36130b"],"common":["000000","ffffff","464646","b4b4b4","990030","9c5a3c","ed1c24","ffa3b1","ff7e00","e5aa7a","ffc20e","f5e49c","fff200","fff9bd","a8e61d","d3f9bc","22b14c","00b7ef","99d9ea","4d6df3","709ad1","2f3699","546d8e","6f3198","b5a5d5","80090f","eed5ae","efd4af","b36f7a","fcc5ce"],"skin tones":["ffe0bd","ffdbac","ffcd94","eac086","e0ac69","f1c27d","ffad60","c68642","8d5524","896347","765339","613d24","4c2d17","391e0b","351606","2d1304","180a01","090300"]},"colorSelected":"common","frames":[{"name":"","speed":100,"layers":[{"id":0,"src":"data:image/pngp98kjasdnasd983/24kasdjasdbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsklEQVR4ASxTv0+UQRB9M3snp7FQInBoiFCo5yXG3gKNtERDpUK0k58hJFYWNv4HKCp3GBsNMYReaymIvREPTARi4v1A6BDk+3bHt3dudm93Zt6bebP3rS5Uan2v12t9b7mXK/VFcMRz9JU2fvWXvjSmF9aqy282qssQoPy9vklIc5bWGv06WshvBsMskIMKnsxXaosP6EtSHcwEeaxtab84HUzUDZUrO4nBekprTPz19zTCwVWNhLFC/vYB/s4GyI/JQn6kvF7f1SDw0BtB3BAL5MQHB58MiFeXZgXqkkfjV87P6QQJ8xs1StdbBqBUaVhO9J0dC8+92HHxcCYKxKC6T8Y+sqG595QrtV1GADUdNrEWSIDDgBmBHarRMPpDYGoHiHDyTL9BnYe068u1+h11+izyiUAcMZlAcwDzc0IASIBZYBHl7gH2RWeqDlK15Og+LN2SVhbiyWAVHggGHFpDogMkk0XOU5V0QKn/I9WchmQ60QQIAN41FxAgIpFCX/RTDjcHb9k2dwqpdivtRrCwDciJWC5SEQcDYAstW5vpwF+jL16Jh86YC3Pq1VaBTG8LCAil89oilssgzQa4G01awgVVwuIpe0Y1DeVW7wJQLnERCUAgvDiwDQhgjHGLItHCCCTItoq6pQgGR1TBvw8MgVGyqA22b5ruNZmC5hAixgudMlbs6FPJ2TUPvwUxTtJjJWdeITsQOQyCHPtsl6jErJkA/ujui2/V/phUR3vzm0oyLGxFBZDkOi95L2ho96YZvglzIFPEMs6Mt+5V3fusyoeYjTaViq4GYNWJ/zxx8dwKq+7Dy8+pyx3ZyWJn9mGhW8cudWmS4F7ik5vU8QdeT7xar28qDUxcyI/ER2RtMsx08SNbTZkwxiSW+b/Gi11LU8WzK3zBJ8eLnTpV6Or7BwAA//8/xEt8AAAABklEQVQDAIAbR7FIFsscAAAAAElFTkSuQmCC","edit":false,"name":"Layer 1","opacity":"1","active":true,"unqid":"v5cph","options":{"blend":"source-over","alpha_lock":false,"locked":false,"filter":{"brightness":"100%","contrast":"100%","grayscale":"0%","blur":0,"hue-rotate":0,"dropshadow_x":0,"dropshadow_y":0,"dropshadow_blur":0,"dropshadow_alpha":1,"dropshadow_color":"#000000"}}},{"id":1,"src":"data:image/pngp98kjasdnasd983/24kasdjasdbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABz0lEQVR4AUSR3VEjQQyEW0NIYDsIvL6o8D0bIoBLgCvvhsCDsbmLAKqAMACLr7XeYkra1k9Lo9W0kGRVBILKZ0KprDBKOPLBleALo/mT8kllojbRMRYywgP52qEgXXyym5KExUiSWqSyeCA5+mITnsQBkQMbINunDxQqEIwKjzOQjWISnhATaaQA6ePhXx7/3Geix7u/4Khft45h36J393lEPx/+Vxf/SRNfB9rzO70cH9XbYEKaM45DzJMKQdfZ85u+aGK/sTmdvbxCRALNSe2IgmolCR8Ru0IUruGGekbQafk3XV9kYVWAKq51kUMjJtwx3ooMoX96dL4akRUhg/gv1SIT0wxu6w9wqff0LbkF0fJ8roEmW5LDYa8t6qaFjj3tKm9ON5vTrTqKHUj9YSePdnm+UHex0CXNlhdzWbvZDH9RFyzJW00eaBrMxi9I3fU6hv14g8cbaGi/h9TvH+vmnom2NeFOW6bpNr8ZPJmAYUQnN+k261hdX0V3s47JL3tzFasbFPxFbkWxdyNOTQCexE+m0/Ik+sIL+bA7g/dGOFG7IZ7RhNTPwUeK4cXoJ+eXMc8Rq2lMkHBtCpTq+hQ3oxQ740JruqEDToGmfQMAAP//TZJ9yQAAAAZJREFUAwDV9P8woNg0FwAAAABJRU5ErkJggg==","edit":false,"name":"Background","opacity":"1","active":true,"unqid":"abowbs","options":{"blend":"source-over","alpha_lock":false,"locked":false,"filter":{"brightness":"100%","contrast":"100%","grayscale":"0%","blur":0,"hue-rotate":0,"dropshadow_x":0,"dropshadow_y":0,"dropshadow_blur":0,"dropshadow_alpha":1,"dropshadow_color":"#000000"}}}],"active":true,"selectedLayer":0,"unqid":"8hj44e","preview":"data:image/pngp98kjasdnasd983/24kasdjasdbase64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC/klEQVR4ATRSS2wTZxD+Zn6nSaueEBAHCSFf4oRW6oEUpB7cqhxrqDi1JVJ7AMdZk9RNTxy4cke8YoO4gBBCHOPAGSQcbCcXJCInCBweWT8g3Hju7j/Mvwmz/7/fPL8Z7SxfbnZS7l5tdlPlZvc6VK4631onVV71Mxcf9qYvNdu3rjz2b4EIpdVuC6RJesqrvQznRpItS+YM0A8e6D81u9q5/vfoUCt4y1kjOJkYiDIMygZIHCk3ewFIdpeWe5nSo9fT8un9DzyrXfPpHb+/549n7IfgqTecHC8vdzbYAhHMLxbmSAgaIGuNUHCQImPCRASY8H/v+z3n2BtJjs+u6OiWDis7Sis96Se6Zr+Ss5HI1xAxACsAZPmuGz8RmbsE7C6tdDcYELDQ0WMbL5GrL2CiVsU/jYWiV1vAZL2GvOJE4z4mGjWNP0Cudh/HNVerjBVs4wvLnT+ObayDn75wXK6BdhOlBUBbKKSqwAkRgZ88x/HX6wBxyIa4bZ4802KJi9WrRwtIwRVuedXa1AQAEUzruUJ4kInpDkD6IJbNnvrWRD1bk2joyzSkunrFBUMaYhHbc9WVpYZzA8quSgxOJTUozsamqD6/WI/jwvYcW4Oq5iA7th+VpToqGpx32HB6DXOLjdg35/x6XU52334tESXp284cUtkVKTGy+w7gkAYdOkJ3D439iN/GDsSxrEO9WopKowHd3jP9Bvamf6KI+aVa3KmyqF2d7qbQjnM6QRxT31xs1zW3jsNnT1N+ZHuKeQA/WbJrvjeD9on/4Bdm0J2aiXyv+Mov/PuhOzUdKaLtFeEatQtFrOcLf55f9jO6JHBuT7KliwcoWNNdIuDgZ1j7Rhe/LQIngpCF46/IkiArDEQJY24kDN+GQP9RqBBXI+EqIXowNbzrXgh5K4IXhfTOvsJ3O/sm0kOcH93BUUh/fYyiXwX0Dpa+mV3xW0oIeMOD44XR5Dj101FSvoioaqHbcYZAByQdCJjcm7w5tXfoXi49+O3k6CB76V2pzwAAAP//R90isgAAAAZJREFUAwA/0YWy8fpiMAAAAABJRU5ErkJggg==","width":16,"height":16}],"currentFrame":0,"speed":100,"name":"Untitled","preview":"data:image/pngp98kjasdnasd983/24kasdjasdbase64,iVBORw0KGgoAAAANSUhEUgAAABAA/sfR5H8Fkddasdmnacvx/AAAQCAYAAAAf8/9hAAADTUlEQVR4ASxTW0xcRRj+Zs6eEKuxlzSwGB/0wd2l9UGgsG81QSqmPUv0TdNEYwT2AhQaq028hjQ+FTVBq7tIHxsffJI9a6yXJvgA7C7YpBhYiG1B2Etbq7CbXsLuOdNvaCfnn/+f77/M98/MkaGBUx3judKzWidyNy4Awvcd1xbxxErh8Cc//nFmPFf8YSyz9DM4vlnc2KACBHzxxZuHpf316KU7lfJE98Cp6/a5s+fjueKnvU2N5tHo+we3y+UzTx94LiCUDNXt3deZWL5Zk6bpjYydPx5fuNVVXLlyRI6mc5Mn230vVcqVCWvg9O+RQONIYqk4c+Pv5XrziT1tLuRrrkAdXGVUHadDONJ4vvPousK90yOvdn4s3w0Guj+fyU3uenJPB6DAXZbv3irZDX7fR0rgMTgwNF+lAI8hp0gdpjSmhKfO++1iflMC8D2+d1+o5/Y6ejMzlGkMra69Gc3MIpyeRR+xvuw0wpk0+tIzlGn03N5gHWFAGrvluaVSc8+/ecir66yl6FAkQhFaCBHBjui1gCIurv6Dd5gDYTjyr98ueoxra2DWThgjaHPFeG0zBUrz1ygxwb7ASOP6GoRb7ZAvHHllXPsFQXAoKFqClv4UIGhTHuXhoWYUXdcu/9kia9Xq//TDnk9DDyF0ggJnCvdXoObEmVSgh53NUAk809rygRSmOQUIWIeCSNKhxZ7LIDmfRXIujdR8hjqDFH3aThELtbUzRfF6PPvllV/tn2yCuk+rLYjQoXYcY7FQazt0oNXahhBti7jVGoRFW/eRymZ5UHJNNr9sjRZiwzs7pbJpJLmj1rqoPZdla5oJtWZFsTUzthsa+0yEA/u7pB0fPe4odzUfPYlC/zCK0SGUBoedfHTwv3xs8H5pYNgpxgZRiJ1AsX8IefoLkf7X9XMGsCKTX569pGpVE8JZBc9KubUX3Wp1C1LudpU0a65SkmfJY1KS71ky0JCe75u7jiVYwCfBv096zKnK5taCEM5s5MBTJSWNcm17uxQL1Hui/vqDvX6vDPsbAo6LN7K/pN5izbtKiV3xXOmiZOWVaJN35L2gv3vyqy8+1OvK1ubCo9vxgTR5pT6NR5saL0+cePtCuMnbEgk0yEjA2/UAAAD//7SWJXYAAAAGSURBVAMAAPCPZ2xraMEAAAAASUVORK5CYII=","previewApp":"","art_edit_id":0,"palette_id":false,"created_at":1757022755447,"updated_at":1757022755447,"id":1757016748853}
\ No newline at end of file
diff --git a/assets/img/sprites/reset.png b/assets/img/sprites/reset.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8deb5deb30be0ac77877f2103e61d475aebdc11
GIT binary patch
literal 3311
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

literal 0
HcmV?d00001

diff --git a/assets/script.js b/assets/script.js
index 3f3ecf5..a3dacc9 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -1,3 +1,5 @@
+var _listener;
+
 class Game {
   constructor() {
     this.mapInstance = null;
@@ -9,6 +11,7 @@ class Game {
   }
 
   initializeLevel() {
+    document.removeEventListener("keydown", _listener);
     this.mapInstance = new Map();
     this.mapInstance.getKeystroke();
     this.mapInstance.generateMapArray();
@@ -16,6 +19,7 @@ class Game {
   }
 
   reset() {
+    document.removeEventListener("keydown", _listener);
     g.levelMoves[this.level] = 0;
     this.lives -= 1;
     // handle points
@@ -80,8 +84,8 @@ class Map {
 
   getKeystroke() {
     var self = this;
-    document.addEventListener("keydown", function handler(event) {
-      console.log("hi");
+    _listener = function (event) {
+      var dontLoop = false;
       if (event.key === "h" || event.key === "a" || event.key === "ArrowLeft") {
         self.playerDir = "l";
         self.move("left");
@@ -106,15 +110,24 @@ class Map {
       ) {
         self.playerDir = "r";
         self.move("right");
+      } else if (event.key === "r") {
+        dontLoop = true;
+        g.reset();
+      } else if (event.key === "c" && self.win) {
+        dontLoop = true;
+        self.continue();
       }
-      self.loop();
-      this.removeEventListener("keydown", handler);
-    });
+      if (!dontLoop) {
+        self.loop();
+      }
+    };
+    document.addEventListener("keydown", _listener);
   }
 
   loop() {
     this.display();
     this.checkWin();
+    document.removeEventListener("keydown", _listener);
     this.getKeystroke();
   }
 
@@ -169,7 +182,7 @@ class Map {
     mapDiv.innerHTML = map;
 
     let statsDiv = document.getElementById("stats");
-    statsDiv.innerHTML = `LEVEL: ${this.level} | MOVES: ${g.levelMoves[this.level]} | LIVES: ${g.lives} | POINTS: ${g.points}`;
+    statsDiv.innerHTML = `LEVEL: ${this.level}/155 | MOVES: ${g.levelMoves[this.level]}`;
   }
 
   move(direction) {
@@ -266,7 +279,6 @@ class Map {
   }
 
   continue() {
-    // handle points
     g.level += 1;
     g.initializeLevel();
     let continueLink = document.getElementById("continueLink");
diff --git a/index.html b/index.html
index db8530d..a3e1374 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <html>
-  <meta charset="UTF-8">
+  <meta charset="UTF-8" />
   <head>
     <script src="assets/maps/microban.js"></script>
   </head>
@@ -36,6 +36,31 @@
         color: darkblue;
         margin-bottom: -19px;
       }
+
+      a {
+        color: black;
+        text-decoration: none;
+      }
+
+      a:hover {
+        color: darkblue;
+        text-decoration: none;
+      }
+
+      a.disabled {
+        color: grey;
+        text-decoration: none;
+        pointer-events: none;
+      }
+      .info a {
+        color: darkblue;
+        text-decoration: none;
+      }
+
+      .info a:hover {
+        color: green;
+        text-decoration: none;
+      }
     </style>
 
     <center>
@@ -43,16 +68,60 @@
 █▀ █▀█ █▄▀ █▀█ █▄▄ ▄▀█ █▄░█ █▄█ ▄▀█
 ▄█ █▄█ █░█ █▄█ █▄█ █▀█ █░▀█ ░█░ █▀█
       </pre>
-      <div id="stats">
-        LEVEL: 0 |
-        MOVES: 0 |
-        LIVES: 10 |
-        POINTS: 0 
-      </div>
+      <div id="stats">LEVEL: 0 | MOVES: 0 | LIVES: 10 | POINTS: 0</div>
     </center>
     <div class="container">
       <div id="map"></div>
     </div>
+    <div class="container" style="margin-top: 20px; margin-bottom: 80px">
+      <a href="#" onclick="g.reset()" style="margin-right: 50px">[r]eset</a>
+      <a
+        href="#"
+        onclick="g.mapInstance.continue()"
+        class="disabled"
+        id="continueLink"
+        >[c]ontinue</a
+      >
+    </div>
+    <hr />
+    <div style="padding: 20px" class="info">
+      <h4>How To Play:</h4>
+      You are an old man working in a Sokobanya, a Russian bath house. You need
+      to move pieces of coal to the stoves in order to keep the saunas hot. Try
+      to move all pieces of coal in the shortest amount of moves possible!
+      <h4>Controls:</h4>
+      <ul>
+        <li>WASD</li>
+        <li>Arrow Keys</li>
+        <li>VIM keys [hjkl]</li>
+      </ul>
+      <h4>TODO:</h4>
+      <ul>
+        <li>Create a cool song and SFX</li>
+        <li>Points system</li>
+        <li>Steam animation when you beat a level</li>
+        <li>Add more level sets (worlds)</li>
+      </ul>
+      <h4>Credits:</h4>
+      <ul>
+        <li>
+          All levels STOLEN from
+          <a
+            href="http://www.sneezingtiger.com/sokoban/levels.html"
+            target="_blank"
+            >here</a
+          >
+        </li>
+        <li>
+          Code and Sprites by
+          <a href="https://www.domdit.com" target="_blank">Dominic DiTaranto</a>
+        </li>
+        <li>
+          Check out the code
+          <a href="https://git.domdit.com/dominic/sokobanya">here</a>
+        </li>
+      </ul>
+    </div>
     <script src="assets/script.js"></script>
   </body>
 </html>