Add power crystal resources. Resource rates only appear if needed. Clicking powerups gives a power crystal

constants.js

@@ -2,7 +2,12 @@
 
 const resourceTypes = {
   "food": {
-    name: "food"
+    name: "food",
+    generated: true
+  },
+  "powerups": {
+    name: "power crystals",
+    generated: false
   }
 }
 

gorge.js

@@ -262,25 +262,13 @@ function displayResources() {
 
   Object.keys(resources).forEach(key => {
     cache.resourceLabels[key].quantity.innerText = render(resources[key]) + " " + resourceTypes[key].name;
-    cache.resourceLabels[key].rate.innerText = render(currentProductivity[key]) + " " + resourceTypes[key].name + "/sec";
+    
+    if (resourceTypes[key].generated)
+      cache.resourceLabels[key].rate.innerText = render(currentProductivity[key]) + " " + resourceTypes[key].name + "/sec";
+    
   })
 }
 
-function renderResources() {
-  let list = [];
-
-  for (const [key, value] of Object.entries(resources)) {
-
-    let line1 = render(value, 3, 0) + " " + resourceTypes[key].name;
-    let line2 = render(currentProductivity[key], 1, 1) + " " + resourceTypes[key].name + "/sec";
-
-    list.push({ "text": line1, "class": "resource-quantity" });
-    list.push({ "text": line2, "class": "resource-rate" });
-  }
-
-  return renderLines(list);
-}
-
 function displayBuildings() {
   const count = buildingCount();
 
@@ -523,8 +511,10 @@ function initializeCaches() {
   Object.keys(resourceTypes).forEach(key => {
     resourceLabels[key] = {
       quantity: document.querySelector("#resource-quantity-" + key),
-      rate: document.querySelector("#resource-rate-" + key)
     }
+    if (resourceTypes[key].generated)
+      resourceLabels[key].rate = document.querySelector("#resource-rate-" + key);
+
   });
 
   cache.resourceLabels = resourceLabels;
@@ -804,13 +794,17 @@ function createDisplays() {
 
   Object.keys(resourceTypes).forEach(key => {
     const quantity = document.createElement("div");
-    const rate = document.createElement("div");
     quantity.classList.add("resource-quantity");
     quantity.id = "resource-quantity-" + key;
-    rate.classList.add("resource-rate");
-    rate.id = "resource-rate-" + key;
     resourceList.appendChild(quantity);
-    resourceList.appendChild(rate);
+
+    if (resourceTypes[key].generated) {
+      const rate = document.createElement("div");
+      rate.classList.add("resource-rate");
+      rate.id = "resource-rate-" + key;
+      resourceList.appendChild(rate);
+    }
+    
   })
 }
 
@@ -1047,6 +1041,9 @@ function doPowerup() {
 
     powerup.popup(powerup, e);
     button.classList.add("powerup-clicked");
+
+    resources.powerups += 1;
+    
     clearTimeout(remove);
 
     setTimeout(() => {