bug fix dark patterns

js/index.js

@@ -234,6 +234,8 @@ const build = {
                                             &nbsp; &nbsp; &nbsp; &nbsp; ${tech.tech[i].name} ${isCount}</div>${tech.tech[i].description}</div></div>`
                 } else if (tech.tech[i].isLore) {
                     text += `<div class="pause-grid-module"><div class="grid-title lore-text"><div class="circle-grid lore"></div> &nbsp; ${tech.tech[i].name} ${isCount}</div>${tech.tech[i].description}</div></div>`
+                } else if (tech.tech[i].isJunk) {
+                    text += `<div class="pause-grid-module"><div class="grid-title"><div class="circle-grid junk"></div> &nbsp; ${tech.tech[i].name} ${isCount}</div>${tech.tech[i].description}</div></div>`
                 } else {
                     text += `<div class="pause-grid-module"><div class="grid-title"><div class="circle-grid tech"></div> &nbsp; ${tech.tech[i].name} ${isCount}</div>${tech.tech[i].description}</div></div>`
                 }

js/powerup.js

@@ -325,9 +325,10 @@ const powerUps = {
                                                         <div class="circle-grid gun" style="position:absolute; top:0; left:10px; opacity:0.65;"></div>
                                                     </span>
                                                     &nbsp; &nbsp; &nbsp; &nbsp; ${tech.tech[choose].name} ${isCount}</div>${tech.tech[choose].description}</div></div>`
-
                         } else if (tech.tech[choose].isLore) {
                             text += `<div class="choose-grid-module" onclick="powerUps.choose('tech',${choose})"><div class="grid-title lore-text"><div class="circle-grid lore"></div> &nbsp; ${tech.tech[choose].name} ${isCount}</div>${tech.tech[choose].description}</div>`
+                        } else if (tech.tech[choose].isJunk) {
+                            text += `<div class="choose-grid-module" onclick="powerUps.choose('tech',${choose})"><div class="grid-title"><div class="circle-grid junk"></div> &nbsp; ${tech.tech[choose].name} ${isCount}</div>${tech.tech[choose].description}</div>`
                         } else {
                             text += `<div class="choose-grid-module" onclick="powerUps.choose('tech',${choose})"><div class="grid-title"><div class="circle-grid tech"></div> &nbsp; ${tech.tech[choose].name} ${isCount}</div>${tech.tech[choose].description}</div>`
                         }

js/tech.js

@@ -711,7 +711,7 @@ const tech = {
         },
         {
             name: "nail-bot",
-            description: "a bot fires <strong>nails</strong> at targets in line of sight",
+            description: "a bot fires <strong>nails</strong> at mobs in line of sight",
             maxCount: 9,
             count: 0,
             allowed() {
@@ -750,7 +750,7 @@ const tech = {
         },
         {
             name: "foam-bot",
-            description: "a bot fires <strong>foam</strong> at nearby targets",
+            description: "a bot fires <strong>foam</strong> at nearby mobs",
             maxCount: 9,
             count: 0,
             allowed() {
@@ -1985,7 +1985,7 @@ const tech = {
             requires: "no research, and in the first 5 levels",
             effect() {
                 level.difficultyDecrease(simulation.difficultyMode)
-                for (let i = 0; i < 160; i++) tech.tech.push(tech.junk[Math.floor(Math.random() * tech.junk.length)])
+                for (let i = 0; i < tech.junk.length; i++) tech.tech.push(tech.junk[i])
             },
             remove() {}
         },
@@ -2811,7 +2811,7 @@ const tech = {
         },
         {
             name: "missile-bot",
-            description: "a bot fires <strong>missiles</strong> at far away targets",
+            description: "a bot fires <strong>missiles</strong> at far away mobs",
             isGunTech: true,
             maxCount: 1,
             count: 0,
@@ -4169,6 +4169,29 @@ const tech = {
         //     },
         //     remove() {}
         // },
+        {
+            name: "inverted input",
+            description: "left input becomes right and up input becomes down",
+            maxCount: 9,
+            count: 0,
+            isNonRefundable: true,
+            isCustomHide: true,
+            isJunk: true,
+            allowed() {
+                return true
+            },
+            requires: "",
+            effect() {
+                const left = input.key.left
+                input.key.left = input.key.right
+                input.key.right = left
+
+                const up = input.key.up
+                input.key.up = input.key.down
+                input.key.down = up
+            },
+            remove() {}
+        },
         {
             name: "Sleipnir",
             description: "grow more legs",

style.css

@@ -635,6 +635,22 @@ summary {
     box-shadow: 0 0 0 3px #025;
 }
 
+.junk {
+    background: hsl(255, 46%, 72%);
+    border-radius: 25%;
+    /* animation: 3s linear infinite alternate pulse; */
+}
+
+@keyframes pulse {
+    0% {
+        border-radius: 0%;
+    }
+
+    100% {
+        border-radius: 50%;
+    }
+}
+
 /* .circle-grid-gun {
   width: 10px;
   height: 10px;

todo.txt

@@ -41,11 +41,8 @@ add back in gamepad support
 
 mechanic: gain damage when there are fewer bullets
 
-mechanic: untested tech
+junk tech
-  negative effect (one time effects are better to avoid code clutter)
+  switch input keys: left-right, up-down?
-    change the player draw to some of the dumb stuff in discord console
-    convert your bots to research (requires you to have some bots)
-    your bots are changed to random bots
 
 rename intro level to something lore related