From f6734da4e55bdb20e730a4d9b9b9ced0ac232dbe Mon Sep 17 00:00:00 2001
From: PumpkinPriest <104536541+PumpkinPriest@users.noreply.github.com>
Date: Sun, 21 May 2023 15:45:55 -0400
Subject: [PATCH 01/30] random_things.js

Banana
---
 mods/random_things.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/mods/random_things.js b/mods/random_things.js
index d1ed8e04..4b51d9a6 100644
--- a/mods/random_things.js
+++ b/mods/random_things.js
@@ -36,7 +36,7 @@ runAfterLoad(function() {
 			reactions" {
                                 "magma": { "elem1": "armageddon", "elem2": null },
                                 "void": { "elem1": "light", "elm2": null }
-	        }
+	        },
 		elements.banana_juice = {
                         name: "banana juice",
 		        color: "#e0f542",

From 5be471c3ce0635f64f5ee0beb014ebf2d1bca9e3 Mon Sep 17 00:00:00 2001
From: PumpkinPriest <104536541+PumpkinPriest@users.noreply.github.com>
Date: Sun, 21 May 2023 15:53:34 -0400
Subject: [PATCH 02/30] random_things.js but banana juice

Banana
---
 mods/random_things.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/mods/random_things.js b/mods/random_things.js
index 4b51d9a6..3c56734f 100644
--- a/mods/random_things.js
+++ b/mods/random_things.js
@@ -16,6 +16,7 @@ elements.legendary_energy = {
 			reactions: {
                                 "magma": { "elem1": "armageddon", "elem2": null },
                                 "void": { "elem1": "light", "elm2": null },
+          },
 }
 
 runAfterLoad(function() {
@@ -33,10 +34,11 @@ runAfterLoad(function() {
                         state: "liquid",
                         density: 2000,
                         excludeRandom: true,
-			reactions" {
+			reactions {
                                 "magma": { "elem1": "armageddon", "elem2": null },
-                                "void": { "elem1": "light", "elm2": null }
-	        },
+                         	"void": { "elem1": "light", "elm2": null },
+	                },
+                },
 		elements.banana_juice = {
                         name: "banana juice",
 		        color: "#e0f542",

From 1c540cc36172268aaa4678ea9ad0f07798aed74a Mon Sep 17 00:00:00 2001
From: Melecie <97272289+Melecie@users.noreply.github.com>
Date: Mon, 29 May 2023 08:06:13 +0800
Subject: [PATCH 03/30] Move to mods

---
 yumcherries.js => mods/yumcherries.js. | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 rename yumcherries.js => mods/yumcherries.js. (97%)

diff --git a/yumcherries.js b/mods/yumcherries.js.
similarity index 97%
rename from yumcherries.js
rename to mods/yumcherries.js.
index 90b335ae..1d4b786d 100644
--- a/yumcherries.js
+++ b/mods/yumcherries.js.
@@ -540,4 +540,4 @@ if(enabledMods.includes(onTryMoveIntoMod) && enabledMods.includes(libraryMod)) {
 	enabledMods.splice(enabledMods.indexOf(modName),0,libraryMod);
 	localStorage.setItem("enabledMods", JSON.stringify(enabledMods));
 	alert(`The ${onTryMoveIntoMod} mod and ${libraryMod} mods are required and have been automatically inserted (reload for this to take effect).`);
-};
\ No newline at end of file
+};

From bbab26e6a4870ddfdacca1ab014b34c63f508bb1 Mon Sep 17 00:00:00 2001
From: Zippyous213 <135406936+Zippyous213@users.noreply.github.com>
Date: Fri, 2 Jun 2023 23:50:48 -0500
Subject: [PATCH 04/30] Add files via upload

---
 vibranium.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 vibranium.js

diff --git a/vibranium.js b/vibranium.js
new file mode 100644
index 00000000..e29faf4d
--- /dev/null
+++ b/vibranium.js
@@ -0,0 +1,19 @@
+};
+elements.vibranium
+    color:"#455357",
+    behavior: behaviors.WALL,
+    category: "solids",
+    state: "solid",
+    tempHigh: 1000000000,
+    conduct: Infinity,
+    hardness: 1,
+};
+elements.uru
+    color: "#719aa6",
+    behavior: behaviors.WALL,
+    catagory: "solids",
+    state: "solid",
+    tempHigh: 1000000000,
+    conduct: 0,
+    Hardness: 1,
+};

From 6c273ba8ba1653654c49fcee77ea34ee708a1963 Mon Sep 17 00:00:00 2001
From: Zippyous213 <135406936+Zippyous213@users.noreply.github.com>
Date: Fri, 2 Jun 2023 23:58:32 -0500
Subject: [PATCH 05/30] Rename vibranium.js to mods/vibranium.js

---
 vibranium.js => mods/vibranium.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename vibranium.js => mods/vibranium.js (100%)

diff --git a/vibranium.js b/mods/vibranium.js
similarity index 100%
rename from vibranium.js
rename to mods/vibranium.js

From 8d9d075693e6317f61a3fe307a19c9145ccc5e5a Mon Sep 17 00:00:00 2001
From: PumpkinPriest <104536541+PumpkinPriest@users.noreply.github.com>
Date: Sat, 3 Jun 2023 21:53:29 -0400
Subject: [PATCH 06/30] random_things.js fixed reaction error (probably)

---
 mods/random_things.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/mods/random_things.js b/mods/random_things.js
index 3c56734f..6c7755ee 100644
--- a/mods/random_things.js
+++ b/mods/random_things.js
@@ -34,7 +34,7 @@ runAfterLoad(function() {
                         state: "liquid",
                         density: 2000,
                         excludeRandom: true,
-			reactions {
+			reactions: {
                                 "magma": { "elem1": "armageddon", "elem2": null },
                          	"void": { "elem1": "light", "elm2": null },
 	                },

From 80cf55a4931df4bc1a1c3a8bc9a71bfb8c3ba36c Mon Sep 17 00:00:00 2001
From: slweeb <91897291+slweeb@users.noreply.github.com>
Date: Sun, 4 Jun 2023 18:38:07 -0400
Subject: [PATCH 07/30] add email

---
 index.html | 7 ++++++-
 style.css  | 3 +++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 310b6fec..1948d85e 100644
--- a/index.html
+++ b/index.html
@@ -13003,6 +13003,10 @@ Cancer, Landmine, Grenade, Smoke Grenade">?</span> <input type="button" value="O
 </div>
 
 <div id="bottomInfoBox">
+    <div id="bottomTopBox">
+        <p>Want your ad here? Email us at <a href="mailto:contact@r74n.com">contact@r74n.com</a>!</p>
+    </div>
+
     <div id="bottomLeftBox">
         <h2>Sandboxels Introduction</h2>
         <p><strong><def>Sandboxels</def></strong> is a free falling-sand simulator that can be played in your browser. It features heat simulation, electricity, density, chemical reactions, and fire spread. With over 400 unique elements to play with, Sandboxels is a great way to pass the time. There are thousands of interactions between the many materials, plants, animals, and fluids in the game.</p>
@@ -13011,7 +13015,8 @@ Cancer, Landmine, Grenade, Smoke Grenade">?</span> <input type="button" value="O
         <img src="icons/wallpaper.webp" style="width:100%" alt="Rainforest landscape made in Sandboxels" title="Rainforest landscape made in Sandboxels">
         <p>Sandboxels has many applications in education. With a hands-on experience, it can give students an understanding of emerging phenomena in many fields, such as biology, chemistry, ecology, geology, and even virology. There are countless aspects to discover.</p>
         <p>We have a thriving community on <a href="https://discord.gg/ejUc6YPQuS" target="_blank">Discord</a>! There you can post feedback or share your creations.</p>
-        <p>If you'd like to support us, consider donating on <a href="https://www.paypal.com/donate/?hosted_button_id=GCX4VHQ7SZWTN" target="_blank">PayPal</a> or <a href="https://cash.app/$emojiartist" target="_blank" title="$emojiartist">CashApp</a>, or subscribing on Discord.</p>
+        <!-- <p>If you'd like to support us, consider donating on <a href="https://www.paypal.com/donate/?hosted_button_id=GCX4VHQ7SZWTN" target="_blank">PayPal</a> or <a href="https://cash.app/$emojiartist" target="_blank" title="$emojiartist">CashApp</a>, or subscribing on Discord.</p> -->
+        <p>Business inquiries? Education stories? Help needed? Email us at <a href="mailto:contact@r74n.com">contact@r74n.com</a>!</p>
         <p>Thanks to our Donators: Serioustar, Trent, u2ce</p>
         <p>Sandboxels is developed by R74n. Check out <a href="https://r74n.com" target="_blank">our other projects</a>!</p>
         <script>
diff --git a/style.css b/style.css
index c6928cfd..38625c33 100644
--- a/style.css
+++ b/style.css
@@ -41,6 +41,9 @@ a:active, a:hover:active {filter: brightness(275%);}
     margin: 1.5em 50px 0px 50px;
     font-family: 'Arial';
 }
+#bottomTopBox {
+    text-align: center;
+}
 #bottomLeftBox {
     float: left;
     width: 50%;

From ca5fbe298c134fc4a48d83e642f9e16f21dbf024 Mon Sep 17 00:00:00 2001
From: An Orbit <68935009+orbit-loona@users.noreply.github.com>
Date: Mon, 5 Jun 2023 08:58:01 -0400
Subject: [PATCH 08/30] keybind test

---
 mods/prompt.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/mods/prompt.js b/mods/prompt.js
index b95e14e2..dcfba5af 100644
--- a/mods/prompt.js
+++ b/mods/prompt.js
@@ -1197,8 +1197,8 @@ Make sure to save your command in a file if you want to add this preset again.`
 
 	document.addEventListener("keydown", function(e) { //prop prompt listener
 		// , = propPrompt()
-		if (e.keyCode == 49) { //!
-			if(shiftDown) { funniPrompt() };
+		if ([1,3].includes(shiftDown) && e.keyCode == 49) { //either shift + 1
+			funniPrompt();
 		};
 	});
 

From 9c3645c9c24176d7d0bc0656a87a2a2794a1abea Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sun, 2 Jul 2023 11:12:47 -0400
Subject: [PATCH 09/30] Fix libhooktick.js

Fixes a breaking bug
---
 mods/libhooktick.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/mods/libhooktick.js b/mods/libhooktick.js
index aeb78cd8..dfd93d03 100644
--- a/mods/libhooktick.js
+++ b/mods/libhooktick.js
@@ -1,4 +1,6 @@
-clearInterval(tickInterval);
+window.addEventListener("load", ()=>{
+  clearInterval(tickInterval);
+});
 const oldTick = tick;
 let __registeredTickCallbacks = [];
 function everyTick(callback){

From 5ddda74b258a957f3edbf5725d7de3e84c419bb0 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sun, 2 Jul 2023 11:22:00 -0400
Subject: [PATCH 10/30] Fix libhooktick.js for realz

Fixes a breaking libhooktick bug *for real* this time
---
 mods/libhooktick.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/mods/libhooktick.js b/mods/libhooktick.js
index dfd93d03..8617a4dd 100644
--- a/mods/libhooktick.js
+++ b/mods/libhooktick.js
@@ -1,15 +1,15 @@
+let __registeredTickCallbacks = [];
 window.addEventListener("load", ()=>{
   clearInterval(tickInterval);
+  const oldTick = tick;
+  tickInterval = setInterval(tick, 1000/tps);
+  tick = function(){
+    oldTick();
+    __registeredTickCallbacks.forEach(func=>{
+      func();
+    });
+  }
 });
-const oldTick = tick;
-let __registeredTickCallbacks = [];
 function everyTick(callback){
   __registeredTickCallbacks.push(callback);
 }
-tick = function(){
-  oldTick();
-  __registeredTickCallbacks.forEach(func=>{
-    func();
-  });
-}
-tickInterval = setInterval(tick, 1000/tps);

From dc22b23779dd3aab085ad16063578dd9ec063316 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sun, 2 Jul 2023 11:28:02 -0400
Subject: [PATCH 11/30] I'll fix libhooktick.js later...

Adds a message noting the mod's broken-ness
---
 mods/libhooktick.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/mods/libhooktick.js b/mods/libhooktick.js
index 8617a4dd..479bc24e 100644
--- a/mods/libhooktick.js
+++ b/mods/libhooktick.js
@@ -1,3 +1,4 @@
+alert("The mod libhooktick.js is currently broken at the moment. Please blame MollTheCoder.");
 let __registeredTickCallbacks = [];
 window.addEventListener("load", ()=>{
   clearInterval(tickInterval);

From c65d704ac598365139ab3303485b47b8523f29a2 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sun, 2 Jul 2023 11:33:55 -0400
Subject: [PATCH 12/30] It's actually already fixed libhooktick.js

It's actually already been fixed, I just needed to clear my cache. Thus, this PR removes the message stating the mod's broken-ness.
---
 mods/libhooktick.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/mods/libhooktick.js b/mods/libhooktick.js
index 479bc24e..8617a4dd 100644
--- a/mods/libhooktick.js
+++ b/mods/libhooktick.js
@@ -1,4 +1,3 @@
-alert("The mod libhooktick.js is currently broken at the moment. Please blame MollTheCoder.");
 let __registeredTickCallbacks = [];
 window.addEventListener("load", ()=>{
   clearInterval(tickInterval);

From 4b069a9422052accf6189c98dd6ebfebe86cd868 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Mon, 3 Jul 2023 12:46:13 -0400
Subject: [PATCH 13/30] Create descriptions.js

It's a mod that adds descriptions to most sandboxels elements.
---
 mods/descriptions.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 mods/descriptions.js

diff --git a/mods/descriptions.js b/mods/descriptions.js
new file mode 100644
index 00000000..706b89ec
--- /dev/null
+++ b/mods/descriptions.js
@@ -0,0 +1,12 @@
+console.log("descriptions.js: Loading vanilla descriptions...");
+fetch("https://sandboxels-mods.mollthecoder.repl.co/descriptions/vanilla.json")
+  .then(res=>{
+    res.json().then(json=>{
+    for(const element in json) {
+      // If the element doesn't exist (for example, nocancer2.js) then don't try to change it.
+      if(!elements.hasOwnProperty(element)) continue;
+      elements[element].desc = json[element];
+    }
+    console.log("descriptions.js: Loaded vanilla descriptions!");
+  });
+});

From 8ab0e2d1cab37c4fdc868275663326134b9a13f5 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Mon, 3 Jul 2023 12:47:08 -0400
Subject: [PATCH 14/30] Create tooltip.js

It's a mod that adds a tooltip that shows the description of a hovered element at the bottom of the screen.
---
 mods/tooltip.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 mods/tooltip.js

diff --git a/mods/tooltip.js b/mods/tooltip.js
new file mode 100644
index 00000000..ee98a11d
--- /dev/null
+++ b/mods/tooltip.js
@@ -0,0 +1,21 @@
+const defaultTooltip = "---";
+let tooltipEle;
+window.addEventListener("load", ()=>{
+  tooltipEle = document.createElement("p");
+  tooltipEle.innerHTML = defaultTooltip;
+  document.getElementById("extraInfo").children[1].appendChild(tooltipEle);
+  let buttons = document.getElementsByClassName("elementButton");
+  [...buttons].forEach(button=>{
+    let ele = button.getAttribute("element");
+    button.addEventListener("mouseenter", e=>{
+      if(elements.hasOwnProperty(ele)) {
+        if(elements[ele].hasOwnProperty("desc")) {
+          tooltipEle.innerHTML = elements[ele].desc;
+        }
+      }
+    });
+    button.addEventListener("mouseleave", e=>{
+      tooltipEle.innerHTML = defaultTooltip;
+    });
+  });
+});

From 0fa05dd9c0749a493b812ab27d91e7db59347bfc Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Tue, 4 Jul 2023 01:31:47 -0400
Subject: [PATCH 15/30] Update descriptions.js

Adds a referrer to make analytics easier for me
---
 mods/descriptions.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/mods/descriptions.js b/mods/descriptions.js
index 706b89ec..392ee60f 100644
--- a/mods/descriptions.js
+++ b/mods/descriptions.js
@@ -1,5 +1,9 @@
 console.log("descriptions.js: Loading vanilla descriptions...");
-fetch("https://sandboxels-mods.mollthecoder.repl.co/descriptions/vanilla.json")
+fetch("https://sandboxels-mods.mollthecoder.repl.co/descriptions/vanilla.json", 
+      {
+        referrer: "https://sandboxels.r74n.com/mods/descriptions.js"
+      }
+)
   .then(res=>{
     res.json().then(json=>{
     for(const element in json) {

From 03bf4ba94e02986670a6fa569cbc09a6decdcc27 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Fri, 7 Jul 2023 15:45:36 -0400
Subject: [PATCH 16/30] Fix libhooktick.js

I've sorted the whole libhooktick mess out,
---
 mods/libhooktick.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/mods/libhooktick.js b/mods/libhooktick.js
index 8617a4dd..36a00ba2 100644
--- a/mods/libhooktick.js
+++ b/mods/libhooktick.js
@@ -1,14 +1,14 @@
 let __registeredTickCallbacks = [];
 window.addEventListener("load", ()=>{
+  let oldTick = tick;
   clearInterval(tickInterval);
-  const oldTick = tick;
-  tickInterval = setInterval(tick, 1000/tps);
   tick = function(){
     oldTick();
     __registeredTickCallbacks.forEach(func=>{
       func();
     });
   }
+  tickInterval = setInterval(tick, 1000/tps);
 });
 function everyTick(callback){
   __registeredTickCallbacks.push(callback);

From 4b86c99e62ec5f3683af49c0279757778784a393 Mon Sep 17 00:00:00 2001
From: GGodPL <46885632+GGodPL@users.noreply.github.com>
Date: Sat, 8 Jul 2023 00:15:29 +0200
Subject: [PATCH 17/30] add betterModManager mod

---
 mods/betterModManager.js | 160 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 160 insertions(+)
 create mode 100644 mods/betterModManager.js

diff --git a/mods/betterModManager.js b/mods/betterModManager.js
new file mode 100644
index 00000000..2fc6630e
--- /dev/null
+++ b/mods/betterModManager.js
@@ -0,0 +1,160 @@
+var awaitingReload = [];
+
+function updateModManager() {
+    const modManager = document.getElementById("modManager");
+    // make the title a bit better
+    // modManager.getElementsByClassName("menuTitle").item(0).innerHTML = '<span class="menuTitle">Mod Manager</span>';
+    // '<button id="modList" onclick="openModList()">Open Mod List</button>'
+    document.getElementById("modManagerUrl").remove();
+    const button = document.createElement("button");
+    button.id = "modListOpen";
+    button.onclick = openModList;
+    button.innerText = "Open Mod List";
+    button.style.position = "absolute";
+    button.style.bottom = "5%";
+    button.style.width = "100%";
+    button.style.left = "0";
+    button.style.height = "50px";
+    button.style.backgroundColor = "#3c3c3c"
+    button.style.paddingLeft = "auto";
+    button.style.zIndex = 11;
+    
+    modManager.appendChild(button);
+    const list = document.getElementById("modManagerList");
+    list.style.maxHeight = "60%";
+    list.style.overflowY = "scroll";
+    addModList();
+
+}
+
+function addModList() {
+    const parent = document.createElement("div");
+    parent.className = "menuParent"
+    parent.id = "modListParent";
+    parent.style.display = "none";
+    const modList = document.createElement("div");
+    modList.className = "menuScreen";
+    modList.id = "modList";
+    modList.innerHTML = `<button class="XButton" onclick="closeMenu();">-</button>
+    <span class="menuTitle">Mod List</span><br><br>
+    <span>NOTE: This list contains mods ONLY available on GitHub. For custom mods hosted elsewhere, enter JS url in the <a href="#modManagerUrl">.JS URL input box</a>.</span>`;
+    const modListUl = document.createElement("ul");
+    modListUl.id = "modListUl";
+    modListUl.style.maxHeight = `50%`;
+    modListUl.style.overflowY = "scroll";
+    modList.appendChild(modListUl);
+    parent.appendChild(modList);
+    // add the modManagerUrl back, on a different screen
+    const modManagerUrl = document.createElement("input");
+    modManagerUrl.id = "modManagerUrl";
+    modManagerUrl.type = "text";
+    modManagerUrl.placeholder = ".JS URL...";
+    modManagerUrl.style.marginBottom = "10px";
+    modManagerUrl.onkeydown = (ev) => {
+        if (ev.key == "Enter") {
+            addMod(document.getElementById("modManagerUrl").value);
+            document.getElementById("modManagerUrl").value = '';
+        }
+        this.focus();
+    }
+    parent.appendChild(modManagerUrl);
+    document.getElementById("gameDiv").appendChild(parent);
+    const style = document.createElement("style");
+    style.innerHTML = `#modListUl { margin-top: 20px; }\n#modListUl li { position: relative; list-style-type: none; }\n#modListUl li::before { content: '•'; position: absolute; left: -1.5em; font-size: 1em; font-family: 'Press Start 2P'; }\n.addMod { color: #00cc00; }\n.awaitingReload { color: #666; }\n::-webkit-scrollbar { width: 10px; }\n::-webkit-scrollbar-track { background: #1f1f1f; }\n::-webkit-scrollbar-thumb { background: #aaa; }\n::-webkit-scrollbar-thumb:hover { background: #666; }`;
+    document.head.appendChild(style);
+    updateModList();
+}
+
+function updateModList() {
+    const modList = document.getElementById("modListUl");
+    // fetch all the mods from github
+    fetch("https://api.github.com/repos/R74nCom/sandboxels/git/trees/main?recursive=1").then(res => res.json())
+    .then(res => {
+        res.tree.filter(f => f.path.startsWith("mods/")).map(f => f.path).forEach(file => {
+            const link = document.createElement("a");
+            link.target = "_blank";
+            link.innerText = file.slice(5);
+            link.href = file;
+            const span = document.createElement("span");
+            if (awaitingReload.includes(file)) {
+                span.className = "awaitingReload";
+                span.innerText = " -";
+            } else if (enabledMods.includes(file)) {
+                span.className = "removeModX";
+                span.innerText = " X";
+            } else {
+                span.className = "addMod";
+                span.innerText = " +";
+            }
+            span.onclick = () => {
+                // makes sure that you cant modify mod state after its put into the awaiting reload group
+                // those mods will get updated when the site is reloaded and awaitingReload (because its not stored in localStorage) will get reset
+                if (awaitingReload.includes(file)) return;
+                if (enabledMods.includes(file)) {
+                    // why on earth addMod adds "mods/" automatically and removeMod doesnt
+                    removeMod(file.startsWith("mods/") ? file : "mods/" + file);
+                } else {
+                    addMod(file.replace(/mods\//g, ""));
+                }
+                awaitingReload.push(file);
+                span.innerText = " -";
+                span.className = "awaitingReload";
+            }
+            const listItem = document.createElement("li");
+            listItem.appendChild(link);
+            listItem.appendChild(span);
+            modList.appendChild(listItem);
+        }
+    )})
+}
+
+function openModList() {
+    document.getElementById("modParent").style.display = "none";
+    const modParent = document.getElementById("modListParent");
+    modParent.style.display = "block";
+    showingMenu = "modList";
+}
+
+// called just once, changes the menu title, adds the button, changes the modManagerList css and adds modList component
+updateModManager();
+
+closeMenu = function() {
+    if (!showingMenu) { return; }
+    if (showingMenu == "info") {
+        var infoParent = document.getElementById("infoParent");
+        var infoSearch = document.getElementById("infoSearch");
+        infoParent.style.display = "none";
+        infoSearch.value = "";
+        showingMenu = false;
+        infoHistory = [];
+    }
+    else if (showingMenu == "mods") {
+        var modParent = document.getElementById("modParent");
+        var modManagerUrl = document.getElementById("modManagerUrl");
+        modParent.style.display = "none";
+        modManagerUrl.value = "";
+        showingMenu = false;
+    }
+    else if (showingMenu == "modList") {
+        var modParent = document.getElementById("modListParent");
+        var modManagerUrl = document.getElementById("modManagerUrl");
+        modParent.style.display = "none";
+        modManagerUrl.value = "";
+        showingMenu = false;
+        // open mod manager again so the mod list menu looks like a submenu
+        showModManager();
+    }
+    else if (showingMenu == "settings") {
+        var settingsParent = document.getElementById("settingsParent");
+        settingsParent.style.display = "none";
+        showingMenu = false;
+    }
+    else {
+        // do it to all elements with the class "menuParent"
+        var menuParents = document.getElementsByClassName("menuParent");
+        for (var i = 0; i < menuParents.length; i++) {
+            menuParents[i].style.display = "none";
+        }
+        showingMenu = false;
+    }
+}
\ No newline at end of file

From f5d39ee3055941a3160741fa32287f63bac28521 Mon Sep 17 00:00:00 2001
From: GGodPL <46885632+GGodPL@users.noreply.github.com>
Date: Sat, 8 Jul 2023 00:17:50 +0200
Subject: [PATCH 18/30] i forgot to remove that

---
 mods/betterModManager.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/mods/betterModManager.js b/mods/betterModManager.js
index 2fc6630e..daea8136 100644
--- a/mods/betterModManager.js
+++ b/mods/betterModManager.js
@@ -4,7 +4,6 @@ function updateModManager() {
     const modManager = document.getElementById("modManager");
     // make the title a bit better
     // modManager.getElementsByClassName("menuTitle").item(0).innerHTML = '<span class="menuTitle">Mod Manager</span>';
-    // '<button id="modList" onclick="openModList()">Open Mod List</button>'
     document.getElementById("modManagerUrl").remove();
     const button = document.createElement("button");
     button.id = "modListOpen";
@@ -40,7 +39,7 @@ function addModList() {
     <span>NOTE: This list contains mods ONLY available on GitHub. For custom mods hosted elsewhere, enter JS url in the <a href="#modManagerUrl">.JS URL input box</a>.</span>`;
     const modListUl = document.createElement("ul");
     modListUl.id = "modListUl";
-    modListUl.style.maxHeight = `50%`;
+    modListUl.style.maxHeight = "50%";
     modListUl.style.overflowY = "scroll";
     modList.appendChild(modListUl);
     parent.appendChild(modList);
@@ -157,4 +156,4 @@ closeMenu = function() {
         }
         showingMenu = false;
     }
-}
\ No newline at end of file
+}

From ffbd81e2b6fedc735d7d0d6652fb81db2195826d Mon Sep 17 00:00:00 2001
From: GGodPL <46885632+GGodPL@users.noreply.github.com>
Date: Mon, 10 Jul 2023 14:06:28 +0200
Subject: [PATCH 19/30] Update betterModManager.js

updateModManager should be called on load
---
 mods/betterModManager.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/mods/betterModManager.js b/mods/betterModManager.js
index daea8136..29b7356e 100644
--- a/mods/betterModManager.js
+++ b/mods/betterModManager.js
@@ -114,8 +114,7 @@ function openModList() {
     showingMenu = "modList";
 }
 
-// called just once, changes the menu title, adds the button, changes the modManagerList css and adds modList component
-updateModManager();
+runAfterLoadList.push(updateModManager);
 
 closeMenu = function() {
     if (!showingMenu) { return; }

From 387cd5e432dba6e25cb517cf02ac9f6e1523bac5 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Tue, 11 Jul 2023 11:35:24 -0400
Subject: [PATCH 20/30] Move to Github Pages, add very basic analytics

---
 mods/descriptions.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/mods/descriptions.js b/mods/descriptions.js
index 392ee60f..f433ba0d 100644
--- a/mods/descriptions.js
+++ b/mods/descriptions.js
@@ -1,10 +1,11 @@
+fetch("https://eoynkne6jon7kld.m.pipedream.net/descriptions-analytics").catch(_=>{});
 console.log("descriptions.js: Loading vanilla descriptions...");
-fetch("https://sandboxels-mods.mollthecoder.repl.co/descriptions/vanilla.json", 
-      {
-        referrer: "https://sandboxels.r74n.com/mods/descriptions.js"
-      }
-)
-  .then(res=>{
+fetch (
+  "https://mollthecoder.github.io/Sandboxels-Descriptions/descriptions/vanilla.json", 
+  {
+    referrer: "https://sandboxels.r74n.com/mods/descriptions.js"
+  }
+).then(res=>{
     res.json().then(json=>{
     for(const element in json) {
       // If the element doesn't exist (for example, nocancer2.js) then don't try to change it.

From 4a675a126b95eea13b04788f48731af73eee0b2d Mon Sep 17 00:00:00 2001
From: slweeb <91897291+slweeb@users.noreply.github.com>
Date: Tue, 11 Jul 2023 12:52:03 -0400
Subject: [PATCH 21/30] 1.8.4

---
 changelog.html |  13 +++++++
 changelog.txt  |  11 ++++++
 index.html     | 104 ++++++++++++++++++++++++++++++++++++++++++++-----
 3 files changed, 118 insertions(+), 10 deletions(-)

diff --git a/changelog.html b/changelog.html
index 7a1dd59c..07008190 100644
--- a/changelog.html
+++ b/changelog.html
@@ -105,6 +105,19 @@
 <p>The original <a href="https://sandboxels.r74n.com/changelog.txt">plain text version</a> of this is still maintained.</p>
 </div>
 
+<h2 id="1.8.4">[Version 1.8.4 - July 11, 2023]</h2>
+<ul>
+<li>+ Image placing<ul>
+<li>+ Image tool in Special</li>
+<li>+ Select any image from your computer</li>
+<li>+ Place it on the canvas at any scale</li>
+<li>+ Choose its element or disable smoothing in Settings</li>
+<li>+ Burn it, blow it up, or make it a powder!</li></ul></li>
+<li>[Stay tuned for bigger updates in the coming months!]</li>
+<li>[Bug Fixes]</li>
+<li>~ Fixed: Old browsers that don't support ECMAScript 2016 crash</li>
+</ul>
+
 <h2 id="1.8.3">[Version 1.8.3 - May 16, 2023 - Deserted Update]</h2>
 <ul>
 <li>+ Cactus</li>
diff --git a/changelog.txt b/changelog.txt
index ef926d69..ff3e971f 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -7,6 +7,17 @@ See sneak peaks for upcoming updates on the Discord: https://discord.gg/ejUc6YPQ
 
 A fancier version of this changelog can be found here: https://sandboxels.r74n.com/changelog
 
+[Version 1.8.4 - July 11, 2023]
+    + Image placing
+        + Image tool in Special
+        + Select any image from your computer
+        + Place it on the canvas at any scale
+        + Choose its element or disable smoothing in Settings
+        + Burn it, blow it up, or make it a powder!
+   [Bug Fixes]
+    ~ Fixed: Old browsers that don't support ECMAScript 2016 crash
+   Stay tuned for bigger updates in the coming months!
+
 [Version 1.8.3 - May 26, 2023 - Deserted Update]
     + Cactus
     + Fancy Changelog and Controls pages
diff --git a/index.html b/index.html
index 1948d85e..c2f438a9 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
     <meta name="twitter:creator:id" content="1436857621827530753">
 
     <script> // versioning info
-        currentversion = "1.8.3"
+        currentversion = "1.8.4"
     </script>
     <style>
         .setting-span {
@@ -190,7 +190,7 @@
                 if (pixel.charge && elements[pixel.element].behaviorOn) {
                     pixelTick(pixel)
                 }
-                if (elements[pixel.element].viscosity && (!((Math.random()*100) < 100 / ((elements[pixel.element].viscosity) ** 0.25)))) {
+                if (elements[pixel.element].viscosity && (!((Math.random()*100) < 100 / Math.pow(elements[pixel.element].viscosity, 0.25)))) {
                     var move1Spots = [
                         [pixel.x, pixel.y+1]
                     ]
@@ -209,7 +209,7 @@
                     else { move1Spots.splice(move1Spots.indexOf(coords), 1); }
                 }
                 if (!moved) {
-                    if (elements[pixel.element].viscosity===undefined || !(!((Math.random()*100) < 100 / ((elements[pixel.element].viscosity) ** 0.25)))) {
+                    if (elements[pixel.element].viscosity===undefined || !(!((Math.random()*100) < 100 / Math.pow(elements[pixel.element].viscosity, 0.25)))) {
                         if (Math.random() < 0.5) {
                             if (!tryMove(pixel, pixel.x+1, pixel.y)) {
                                 tryMove(pixel, pixel.x-1, pixel.y);
@@ -1717,6 +1717,32 @@
     category: "special",
     excludeRandom: true
 },
+"image": {
+    color: ["#78bbff","#5bb81a"],
+    onSelect: function() {
+        // prompt to upload an image file, then store the image in placingImage
+        var file = document.createElement("input");
+        file.type = "file";
+        file.accept = "image/*";
+        file.onchange = function() {
+            var reader = new FileReader();
+            reader.onload = function(e) {
+                var img = new Image();
+                img.onload = function() {
+                    placingImage = img;
+                }
+                img.src = e.target.result;
+            }
+            reader.readAsDataURL(file.files[0]);
+        }
+        file.click();
+    },
+    onUnselect: function() {
+        placingImage = null;
+    },
+    tool: function() {},
+    category: "special",
+},
 "unpaint": {
     color: ["#ffffff","#000000"],
     tool: function(pixel) {
@@ -9451,7 +9477,7 @@
                     default: break;
                     case "M1":
                         if (info.viscosity !== undefined) {
-                            if (!((Math.random()*100) < 100 / ((info.viscosity) ** 0.25))) {
+                            if (!((Math.random()*100) < 100 / Math.pow(info.viscosity, 0.25))) {
                                 newCoords.x = x;
                             }
                         }
@@ -9459,7 +9485,7 @@
                         break;
                     case "M2":
                         if (info.viscosity !== undefined) {
-                            if (!((Math.random()*100) < 100 / ((info.viscosity) ** 0.25))) {
+                            if (!((Math.random()*100) < 100 / Math.pow(info.viscosity, 0.25))) {
                                 newCoords.x = x;
                             }
                         }
@@ -10420,7 +10446,7 @@
                     if (info.hardness) { // lower damage depending on hardness(0-1)
                         if (info.hardness < 1) {
                             // more hardness = less damage, logarithmic
-                            damage *= (1-info.hardness)**info.hardness;
+                            damage *= Math.pow((1-info.hardness),info.hardness);
                         }
                         else { damage = 0; }
                     }
@@ -10664,7 +10690,52 @@
             else {
                 mouseType = "left";
             }
-            if (shiftDown && e.button !== 1 && !((elements[currentElement].tool || elements[currentElement].category==="tools") && mouseType==="left")) {
+            if (e.button === 0 && placingImage) {
+                // downscale the <img to mouseSize x mouseSize and draw it
+                var canvas = document.createElement("canvas");
+                // set width or height proportional to mouseSize
+                if (placingImage.width > placingImage.height) {
+                    canvas.width = mouseSize;
+                    canvas.height = Math.round(placingImage.height/placingImage.width*mouseSize);
+                }
+                else {
+                    canvas.height = mouseSize;
+                    canvas.width = Math.round(placingImage.width/placingImage.height*mouseSize);
+                }
+                var newWidth = canvas.width;
+                var newHeight = canvas.height;
+                var ctx = canvas.getContext("2d");
+                if (settings.imagesmooth === 0) {
+                    ctx.webkitImageSmoothingEnabled = false;
+                    ctx.mozImageSmoothingEnabled = false;
+                    ctx.imageSmoothingEnabled = false;
+                }
+                ctx.drawImage(placingImage,0,0,newWidth,newHeight);
+                var newImage = ctx.getImageData(0,0,newWidth,newHeight);
+                // loop through each pixel in the ImageData
+                for (var x = 0; x < newWidth; x++) {
+                    for (var y = 0; y < newHeight; y++) {
+                        var i = (y*newWidth+x)*4;
+                        var r = newImage.data[i];
+                        var g = newImage.data[i+1];
+                        var b = newImage.data[i+2];
+                        var a = newImage.data[i+3];
+                        if (a > 0.33) {
+                            // mousePos is the center of the image
+                            var pixelX = mousePos.x - Math.round(newWidth/2) + x+1;
+                            var pixelY = mousePos.y - Math.round(newHeight/2) + y+1;
+                            if (isEmpty(pixelX,pixelY)) {
+                                var elem = (settings.imageelem || "wood");
+                                if (!elements[elem]) { elem = "wood";}
+                                createPixel(elem,pixelX,pixelY);
+                                pixelMap[pixelX][pixelY].color = pixelColorPick(pixelMap[pixelX][pixelY], RGBToHex([r,g,b]));
+                            }
+                        }
+                    }
+                }
+                return false;
+            }
+            else if (shiftDown && e.button !== 1 && !((elements[currentElement].tool || elements[currentElement].category==="tools") && mouseType==="left")) {
                 shaping = 1;
                 shapeStart = mousePos;
             }
@@ -10697,7 +10768,7 @@
             };
         }
         function mouseMove(e) {
-            if (mouseIsDown && !shaping) {
+            if (mouseIsDown && !shaping && !placingImage) {
                 mouseAction(e);
             }
             else {
@@ -10986,6 +11057,9 @@
         function selectElement(element) {
             var e1 = document.getElementById("elementButton-"+currentElement);
             if (e1 != null) { e1.setAttribute("current","false"); }
+            if (elements[currentElement].onUnselect) {
+                elements[currentElement].onUnselect();
+            }
             currentElement = element;
             if (elements[element].customColor) {
                 // show the colorSelector
@@ -10995,6 +11069,9 @@
                 // hide the colorSelector
                 document.getElementById("colorSelector").style.display = "none";
             }
+            if (elements[element].onSelect) {
+                elements[element].onSelect();
+            }
             var e2 = document.getElementById("elementButton-"+element);
             if (!e2) { return; }
             e2.setAttribute("current","true");
@@ -11980,6 +12057,7 @@ for (var k = 0; k < b0.split(" AND ").length; k++) {
         shiftDown = 0;
         shaping = 0;
         shapeStart = null;
+        placingImage = null;
         // On window load, run tick() 20 times per second
         tps = 30;
         tickInterval = window.setInterval(tick, 1000/tps);
@@ -12880,13 +12958,13 @@ for (var k = 0; k < b0.split(" AND ").length; k++) {
                     setSetting("lastversion",currentversion);
                 });
                 // wiki clicked check
-                if (!settings["clickedwiki"]) {
+                /*if (!settings["clickedwiki"]) {
                     document.getElementById("wikiButton").insertAdjacentHTML("beforeend",`<span style="color:red">(NEW)</span>`);
                 }
                 document.getElementById("wikiButton").addEventListener("click", function() {
                     document.getElementById("wikiButton").innerHTML = "Wiki";
                     setSetting("clickedwiki",true);
-                });
+                });*/
             </script>
         </div>
         <div id="infoParent">
@@ -12995,6 +13073,12 @@ Cancer, Landmine, Grenade, Smoke Grenade">?</span> <input type="button" value="O
                         </select>
                         <span onclick="clearAll();" style="font-style:italic;cursor:pointer"></span>
                     </span>
+                    <span setting="imageelem" class="setting-span multisetting" title="Default: Wood">
+                        Image Elem<input type="text" value="wood" onchange="if(this.value===''){this.value='wood'}; setSetting('imageelem',this.value.trim())">
+                    </span>
+                    <span setting="imagesmooth" class="setting-span multisetting" title="Default: ON">
+                        Smoothing<input type="button" value="ON" class="toggleInput" onclick="toggleInput(this,'imagesmooth')" state="1">
+                    </span>
                 </div>
             </div>
         </div>

From 444d8c1823e12f6f3b17b48c15633ac56f41dda7 Mon Sep 17 00:00:00 2001
From: slweeb <91897291+slweeb@users.noreply.github.com>
Date: Tue, 11 Jul 2023 13:14:07 -0400
Subject: [PATCH 22/30] 1.8.4 mobile hotfix

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c2f438a9..f3eac500 100644
--- a/index.html
+++ b/index.html
@@ -10690,7 +10690,8 @@
             else {
                 mouseType = "left";
             }
-            if (e.button === 0 && placingImage) {
+            if ((e.button === 0 || e.touches) && placingImage) {
+                if (e.touches) { mouseMove(e); }
                 // downscale the <img to mouseSize x mouseSize and draw it
                 var canvas = document.createElement("canvas");
                 // set width or height proportional to mouseSize

From 214d0938693f2112effe79511304be3bd8ec3c30 Mon Sep 17 00:00:00 2001
From: slweeb <91897291+slweeb@users.noreply.github.com>
Date: Tue, 11 Jul 2023 15:24:12 -0400
Subject: [PATCH 23/30] more functionality

---
 changelog.html |   1 +
 changelog.txt  |   1 +
 controls.html  |   1 +
 index.html     | 137 ++++++++++++++++++++++++++++++++++---------------
 4 files changed, 98 insertions(+), 42 deletions(-)

diff --git a/changelog.html b/changelog.html
index 07008190..2b670327 100644
--- a/changelog.html
+++ b/changelog.html
@@ -113,6 +113,7 @@
 <li>+ Place it on the canvas at any scale</li>
 <li>+ Choose its element or disable smoothing in Settings</li>
 <li>+ Burn it, blow it up, or make it a powder!</li></ul></li>
+<li>+ Paste or Drag-and-Drop images!</li></ul></li>
 <li>[Stay tuned for bigger updates in the coming months!]</li>
 <li>[Bug Fixes]</li>
 <li>~ Fixed: Old browsers that don't support ECMAScript 2016 crash</li>
diff --git a/changelog.txt b/changelog.txt
index ff3e971f..f5951614 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -14,6 +14,7 @@ A fancier version of this changelog can be found here: https://sandboxels.r74n.c
         + Place it on the canvas at any scale
         + Choose its element or disable smoothing in Settings
         + Burn it, blow it up, or make it a powder!
+        + Paste or Drag-and-Drop images!
    [Bug Fixes]
     ~ Fixed: Old browsers that don't support ECMAScript 2016 crash
    Stay tuned for bigger updates in the coming months!
diff --git a/controls.html b/controls.html
index 49ec034e..cceda08f 100644
--- a/controls.html
+++ b/controls.html
@@ -101,6 +101,7 @@
     <tr><td>Smooth view (Low performance)</td>   <td><kbd>4</kbd></td></tr>
     <tr><td>Toggle GUI</td>   <td><kbd>F1</kbd></td></tr>
     <tr><td>Capture screenshot</td>   <td><kbd>C</kbd> or <kbd>F2</kbd></td></tr>
+    <tr><td>Paste Image</td>   <td><kbd>Ctrl</kbd> + <kbd>V</kbd> or Drag and Drop</td></tr>
 </table>
 
 <h2>Button Info</h2>
diff --git a/index.html b/index.html
index f3eac500..e523782f 100644
--- a/index.html
+++ b/index.html
@@ -10692,48 +10692,7 @@
             }
             if ((e.button === 0 || e.touches) && placingImage) {
                 if (e.touches) { mouseMove(e); }
-                // downscale the <img to mouseSize x mouseSize and draw it
-                var canvas = document.createElement("canvas");
-                // set width or height proportional to mouseSize
-                if (placingImage.width > placingImage.height) {
-                    canvas.width = mouseSize;
-                    canvas.height = Math.round(placingImage.height/placingImage.width*mouseSize);
-                }
-                else {
-                    canvas.height = mouseSize;
-                    canvas.width = Math.round(placingImage.width/placingImage.height*mouseSize);
-                }
-                var newWidth = canvas.width;
-                var newHeight = canvas.height;
-                var ctx = canvas.getContext("2d");
-                if (settings.imagesmooth === 0) {
-                    ctx.webkitImageSmoothingEnabled = false;
-                    ctx.mozImageSmoothingEnabled = false;
-                    ctx.imageSmoothingEnabled = false;
-                }
-                ctx.drawImage(placingImage,0,0,newWidth,newHeight);
-                var newImage = ctx.getImageData(0,0,newWidth,newHeight);
-                // loop through each pixel in the ImageData
-                for (var x = 0; x < newWidth; x++) {
-                    for (var y = 0; y < newHeight; y++) {
-                        var i = (y*newWidth+x)*4;
-                        var r = newImage.data[i];
-                        var g = newImage.data[i+1];
-                        var b = newImage.data[i+2];
-                        var a = newImage.data[i+3];
-                        if (a > 0.33) {
-                            // mousePos is the center of the image
-                            var pixelX = mousePos.x - Math.round(newWidth/2) + x+1;
-                            var pixelY = mousePos.y - Math.round(newHeight/2) + y+1;
-                            if (isEmpty(pixelX,pixelY)) {
-                                var elem = (settings.imageelem || "wood");
-                                if (!elements[elem]) { elem = "wood";}
-                                createPixel(elem,pixelX,pixelY);
-                                pixelMap[pixelX][pixelY].color = pixelColorPick(pixelMap[pixelX][pixelY], RGBToHex([r,g,b]));
-                            }
-                        }
-                    }
-                }
+                placeImage();
                 return false;
             }
             else if (shiftDown && e.button !== 1 && !((elements[currentElement].tool || elements[currentElement].category==="tools") && mouseType==="left")) {
@@ -10743,6 +10702,51 @@
             mouseMove(e);
             return false;
         }
+        function placeImage(placementX,placementY,scale) {
+            if (!scale) { scale = mouseSize }
+            // downscale the <img to mouseSize x mouseSize and draw it
+            var canvas = document.createElement("canvas");
+            // set width or height proportional to mouseSize
+            if (placingImage.width > placingImage.height) {
+                canvas.width = mouseSize;
+                canvas.height = Math.round(placingImage.height/placingImage.width*mouseSize);
+            }
+            else {
+                canvas.height = mouseSize;
+                canvas.width = Math.round(placingImage.width/placingImage.height*mouseSize);
+            }
+            var newWidth = canvas.width;
+            var newHeight = canvas.height;
+            var ctx = canvas.getContext("2d");
+            if (settings.imagesmooth === 0) {
+                ctx.webkitImageSmoothingEnabled = false;
+                ctx.mozImageSmoothingEnabled = false;
+                ctx.imageSmoothingEnabled = false;
+            }
+            ctx.drawImage(placingImage,0,0,newWidth,newHeight);
+            var newImage = ctx.getImageData(0,0,newWidth,newHeight);
+            // loop through each pixel in the ImageData
+            for (var x = 0; x < newWidth; x++) {
+                for (var y = 0; y < newHeight; y++) {
+                    var i = (y*newWidth+x)*4;
+                    var r = newImage.data[i];
+                    var g = newImage.data[i+1];
+                    var b = newImage.data[i+2];
+                    var a = newImage.data[i+3];
+                    if (a > 0.33) {
+                        // mousePos is the center of the image
+                        var pixelX = (placementX||mousePos.x) - Math.round(newWidth/2) + x+1;
+                        var pixelY = (placementY||mousePos.y) - Math.round(newHeight/2) + y+1;
+                        if (isEmpty(pixelX,pixelY)) {
+                            var elem = (settings.imageelem || "wood");
+                            if (!elements[elem]) { elem = "wood";}
+                            createPixel(elem,pixelX,pixelY);
+                            pixelMap[pixelX][pixelY].color = pixelColorPick(pixelMap[pixelX][pixelY], RGBToHex([r,g,b]));
+                        }
+                    }
+                }
+            }
+        }
         function mouseUp(e) {
             mouseIsDown = false;
             if (shaping) {
@@ -12627,6 +12631,55 @@ for (var k = 0; k < b0.split(" AND ").length; k++) {
                 if (e.touches) e = e.touches[0];
                 return false;
             }
+            gameCanvas.addEventListener("dragenter", function(e){e.stopPropagation(); e.preventDefault();})
+            gameCanvas.addEventListener("dragover", function(e){e.stopPropagation(); e.preventDefault();})
+            gameCanvas.addEventListener("drop", function(e){
+                e.stopPropagation();
+                e.preventDefault();
+                var url = e.dataTransfer.getData('text/plain');
+                if (url) {
+                    var img = new Image();
+                    img.onload = function(){placingImage = img; placeImage(); placingImage = null;}
+                    img.src = url;
+                // for img file(s), read the file & draw to canvas
+                } else {
+                    console.log(e.dataTransfer.files)
+                    if (!e.dataTransfer.files || e.dataTransfer.files.length === 0) { return; }
+                    var file = e.dataTransfer.files[0];
+                    if (file.type.indexOf('image/') === -1) { return; }
+                    var img = document.createElement("img");
+                    img.classList.add("obj");
+                    img.file = file;
+                    var reader = new FileReader();
+                    reader.onload = (function(aImg){
+                        return function(e) {
+                            aImg.onload=function(){
+                                placingImage = aImg;
+                                placeImage();
+                                placingImage = null;
+                            }
+                            // e.target.result is a dataURL for the image
+                            aImg.src = e.target.result;
+                        }; 
+                    })(img);
+                    reader.readAsDataURL(file);
+                }
+            }, false);
+            // if pasted image, draw to canvas
+            window.addEventListener("paste", function(e){
+                if (e.clipboardData) {
+                    var items = e.clipboardData.items;
+                    if (!items) { return; }
+                    var item = items[items.length-1];
+                    if (item.type.indexOf('image/') === -1) { return; }
+                    var blob = item.getAsFile();
+                    var URLObj = window.URL || window.webkitURL;
+                    var source = URLObj.createObjectURL(blob);
+                    var img = new Image();
+                    img.onload = function(){placingImage = img; placeImage(); placingImage = null;}
+                    img.src = source;
+                }
+            }, false);
             window.onbeforeunload = function(){ // Confirm leaving page if there are pixels on-screen
                 if (currentPixels.length > 0){
                     return 'Are you sure you want to leave?';

From e2588d51afc4d8b8f20e6dffc8d3e1248d36892a Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Thu, 13 Jul 2023 20:56:40 -0400
Subject: [PATCH 24/30] Fix tooltip.js

Adds a timeout to make sure everything is loaded before changing the DOM
---
 mods/tooltip.js | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/mods/tooltip.js b/mods/tooltip.js
index ee98a11d..abb3bc03 100644
--- a/mods/tooltip.js
+++ b/mods/tooltip.js
@@ -3,19 +3,21 @@ let tooltipEle;
 window.addEventListener("load", ()=>{
   tooltipEle = document.createElement("p");
   tooltipEle.innerHTML = defaultTooltip;
-  document.getElementById("extraInfo").children[1].appendChild(tooltipEle);
-  let buttons = document.getElementsByClassName("elementButton");
-  [...buttons].forEach(button=>{
-    let ele = button.getAttribute("element");
-    button.addEventListener("mouseenter", e=>{
-      if(elements.hasOwnProperty(ele)) {
-        if(elements[ele].hasOwnProperty("desc")) {
-          tooltipEle.innerHTML = elements[ele].desc;
+  setTimeout(()=>{
+    document.getElementById("extraInfo").children[1].appendChild(tooltipEle);
+    let buttons = document.getElementsByClassName("elementButton");
+    [...buttons].forEach(button=>{
+      let ele = button.getAttribute("element");
+      button.addEventListener("mouseenter", e=>{
+        if(elements.hasOwnProperty(ele)) {
+          if(elements[ele].hasOwnProperty("desc")) {
+            tooltipEle.innerHTML = elements[ele].desc;
+          }
         }
-      }
-    });
-    button.addEventListener("mouseleave", e=>{
-      tooltipEle.innerHTML = defaultTooltip;
+      });
+      button.addEventListener("mouseleave", e=>{
+        tooltipEle.innerHTML = defaultTooltip;
+      });
     });
   });
 });

From 3b0fcecdd96e9e1a2c973de7cdd161caca652936 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sat, 15 Jul 2023 20:00:20 -0400
Subject: [PATCH 25/30] Create infLiqLight.js

Makes liquid light never disappear
---
 mods/infLiqLight.js | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 mods/infLiqLight.js

diff --git a/mods/infLiqLight.js b/mods/infLiqLight.js
new file mode 100644
index 00000000..6661f886
--- /dev/null
+++ b/mods/infLiqLight.js
@@ -0,0 +1,8 @@
+let oldLiqLightTick = elements.liquid_light.tick;
+let oldDelPixel = deletePixel;
+elements.liquid_light.tick = (pixel)=>{
+  deletePixel = ()=>{};
+  oldLiqLightTick(pixel);
+  deletePixel = oldDelPixel;
+}
+window.addEventListener("load", ()=>{});

From 3941d022e87b3c5879adfcd4cc23a193daf31164 Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sat, 15 Jul 2023 20:10:29 -0400
Subject: [PATCH 26/30] Rename tooltip.js to oldTooltip.js

---
 mods/{tooltip.js => oldTooltip.js} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename mods/{tooltip.js => oldTooltip.js} (100%)

diff --git a/mods/tooltip.js b/mods/oldTooltip.js
similarity index 100%
rename from mods/tooltip.js
rename to mods/oldTooltip.js

From 73b26727eaa0dea9a5a7819739bf978b248c769f Mon Sep 17 00:00:00 2001
From: MollTheCoder <mollthecoder@programmer.net>
Date: Sat, 15 Jul 2023 20:11:52 -0400
Subject: [PATCH 27/30] Create the new tooltip.js

---
 mods/tooltip.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 mods/tooltip.js

diff --git a/mods/tooltip.js b/mods/tooltip.js
new file mode 100644
index 00000000..ddd4708e
--- /dev/null
+++ b/mods/tooltip.js
@@ -0,0 +1,32 @@
+const devMode = false;
+// Tippy depends on popper
+const popperUrl = devMode ? "https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js" : "https://unpkg.com/@popperjs/core@2";
+const tippyUrl = devMode ? "https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js" : "https://unpkg.com/tippy.js@6";
+window.addEventListener("load", ()=>{
+  let popper = document.createElement("script");
+  popper.src = popperUrl;
+  popper.addEventListener("load", () => {
+    let tippyScr = document.createElement("script");
+    tippyScr.src = tippyUrl;
+    tippyScr.addEventListener("load", ()=>main(), {passive: true});
+    document.body.appendChild(tippyScr);
+  }, {passive: true});
+  document.body.appendChild(popper);
+}, {passive: true});
+function main() {
+  [...document.getElementsByClassName("elementButton")].forEach(button=>{
+    let ele = elements[button.getAttribute("element")];
+    // if(ele === undefined || ele === null) return;
+    if(ele.desc) {
+      button.setAttribute("data-tippy-content", `<div>${ele.desc}</div>`);
+      if(ele.desc.includes("<!--INTERACTIVE-->")) {
+        button.setAttribute("data-tippy-interactive", true);
+      }
+    }
+  });
+  tippy("[data-tippy-content]", {
+    allowHTML: true,
+    duration: 0,
+    placement: "bottom"
+  });
+}

From 156e5b2c6e638538fc383edd1cd015f9dff8a857 Mon Sep 17 00:00:00 2001
From: slweeb <91897291+slweeb@users.noreply.github.com>
Date: Sat, 15 Jul 2023 20:13:30 -0400
Subject: [PATCH 28/30] Delete vibranium.js

no features; broken
---
 mods/vibranium.js | 19 -------------------
 1 file changed, 19 deletions(-)
 delete mode 100644 mods/vibranium.js

diff --git a/mods/vibranium.js b/mods/vibranium.js
deleted file mode 100644
index e29faf4d..00000000
--- a/mods/vibranium.js
+++ /dev/null
@@ -1,19 +0,0 @@
-};
-elements.vibranium
-    color:"#455357",
-    behavior: behaviors.WALL,
-    category: "solids",
-    state: "solid",
-    tempHigh: 1000000000,
-    conduct: Infinity,
-    hardness: 1,
-};
-elements.uru
-    color: "#719aa6",
-    behavior: behaviors.WALL,
-    catagory: "solids",
-    state: "solid",
-    tempHigh: 1000000000,
-    conduct: 0,
-    Hardness: 1,
-};

From 8190d24e52001433e383db50741077d6ff434eec Mon Sep 17 00:00:00 2001
From: StellarX20 <97905447+StellarX20@users.noreply.github.com>
Date: Thu, 20 Jul 2023 12:48:54 -0400
Subject: [PATCH 29/30] Renamed Test to Testium, removed toxin and dead.

---
 mods/Neutronium Mod.js | 48 +-----------------------------------------
 1 file changed, 1 insertion(+), 47 deletions(-)

diff --git a/mods/Neutronium Mod.js b/mods/Neutronium Mod.js
index 65993299..de8ab3ab 100644
--- a/mods/Neutronium Mod.js	
+++ b/mods/Neutronium Mod.js	
@@ -6,6 +6,7 @@ let rPOWDER = behaviors.POWDER
 console.log("Welcome to the console.");
 console.log(rPOWDER);
 elements.test = {
+    name: "Testium",
     color: "#ff0000",
     behavior: behaviors.POWDER,
     category: "land",
@@ -972,46 +973,6 @@ tempLow: 1668,
 temp: 2000,
 viscosity: 10000
 };
-elements.toxin = {
-color: "#07f71b",
-category: "liquids",
-state: "liquid",
-behavior: behaviors.LIQUID,
-stateLow: "toxic_ice",
-tempLow: -10,
-stateHigh: "toxic_gas",
-tempHigh: 115,
-reactions: {
- "water": { "elem1":null, "elem2":"toxic_water" },
-},
-};
-lifeArray = ["plant", "dead_plant", "frozen_plant", "grass", "algae", "cell", "cancer", "flea", "termite", "ant", "worm", "fly", "firefly", "bee", "human", "body", "head", "rat", "frog", "frozen_frog", "fish", "slug", "snail", "bone_marrow", "sapling", "seeds", "grass_seed", "wheat_seed", "wheat", "pollen", "flower_seed", "pistil", "petal", "vine", "bamboo", "bamboo_plant", "mushroom_spore", "mushroom_stalk", "mushroom_gills", "mushroom_cap", "hyphae", "lichen", "cellulose", "corn_seed", "potato_seed", "root", "berry_seed", "old_berry_leaf", "berry_leaf", "berry", "slime", "blood", "antibody", "infection", "meat", "rotten_meat", "frozen_meat", "yeast"]
-if(!elements.toxin.reactions) {
-    elements.toxin.reactions = {}
-}
-for(i = 0; i < lifeArray.length; i++) {
-    elements.toxin.reactions[lifeArray[i]] = { "elem1":null, "elem2":"dead" }
-};
-/* 
-// (Ignore this comment if it's not in another comment anymore) this whole area is a comment only because I don't want the game to try using useless code and (possibly) error out.
-if(!elements.toxic_gas.reactions) {
-    elements.toxic_gas.reactions = {}
-}
-for(i = 0; i < lifeArray.length; i++) {
-    elements.toxic_gas.reactions[lifeArray[i]] = { "elem1":null, "elem2":"dead" }
-};
-if(!elements.toxic_ice.reactions) {
-    elements.toxic_ice.reactions = {}
-}
-for(i = 0; i < lifeArray.length; i++) {
-    elements.toxic_ice.reactions[lifeArray[i]] = { "elem1":null, "elem2":"dead" }
-};
-if(!elements.toxic_water.reactions) {
-    elements.toxic_water.reactions = {}
-}
-for(i = 0; i < lifeArray.length; i++) {
-    elements.toxic_water.reactions[lifeArray[i]] = { "elem1":null, "elem2":"dead" }
-}; */
 elements.laser_emitter = {
 color: "#8a8886",
 category: "machines",
@@ -1032,13 +993,6 @@ behavior: behaviors.WALL,
 behaviorOn: behaviors.LASEREMITTER,
 conduct: 1,
 };
-elements.dead = {
-color: "#a5a683",
-category: "life",
-state: "solid",
-behavior: behaviors.POWDER,
-density: 10,
-};
 elements.ilitium = {
 color: "#97baa7",
 category: "solids",

From 7f74dda200bebf0324dba279ec4039cfeb589a76 Mon Sep 17 00:00:00 2001
From: StellarX20 <97905447+StellarX20@users.noreply.github.com>
Date: Thu, 20 Jul 2023 13:14:51 -0400
Subject: [PATCH 30/30] Added more to testium

---
 mods/Neutronium Mod.js | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/mods/Neutronium Mod.js b/mods/Neutronium Mod.js
index de8ab3ab..ffe8d9be 100644
--- a/mods/Neutronium Mod.js	
+++ b/mods/Neutronium Mod.js	
@@ -11,7 +11,46 @@ elements.test = {
     behavior: behaviors.POWDER,
     category: "land",
     state: "solid",
+    density: 15,
+    temp: 22,
+    tempHigh: 35,
+    stateHigh: "molten_testium",
+    reactions: {
+        "ilitium": { "elem1":"tralphium", "elem2":null },
+        "nickel": { "elem1":"iron", "elem2":null },
+    }
+};
+elements.molten_testium = {
+    name:"Liquid Testium",
+    color:"#0000ff",
+    behavior: behaviors.LIQUID,
+    category: "liquids",
+    state: "liquid",
     density: 10,
+    temp: 50,
+    tempHigh: 450,
+    stateHigh: "testium_gas",
+    tempLow: 35,
+    stateLow: "test",
+    reactions: {
+        "ilitium": { "elem1":"tralphium", "elem2":null },
+        "molten_nickel": { "elem1":"molten_iron", "elem2":null },
+    },
+};
+
+elements.testium_gas = {
+    name:"Liquid Testium",
+    color:"#00ff00",
+    behavior: behaviors.GAS,
+    category: "gases",
+    state: "gas",
+    density: 5,
+    temp: 525,
+    tempLow: 450,
+    stateLow: "molten_testium",
+    reactions: {
+        "ilitium": { "elem1":"helium", "elem2":null },
+    },
 };
 elements.neutronium = {
     name: "Neutronium",