added item images and changed the game background

scripts/game.js

@@ -33,7 +33,7 @@
       "═": [352, 160], // room edge
       "║": [336, 176], // room edge
       "o": [40, 72], // room corner
-      "D": [16, 16], //Door to win
+      "D": [416, 176], //Door to win
       "s": [288, 112], //stairs to next Stage
     },
     width: 25,
@@ -539,18 +539,21 @@
     let random2 = eval(`${answerValue}${randomOperator} ${randomValue(1, 4)}`);
     if (random1 === random2){
       random2 += 1;
+      if (random2 === answerValue) {
+        random2 += 1;
+      }
     }
     else if (random1 < 1) {
-      random1 += 1;
+      random1 = 1;
     }
     else if (random2 < 1) {
-      random2 += 1;
+      random2 = 1;
     }
-    if (randomVar == 1) {
+    if (randomVar === 1) {
       document.getElementById("answer1").innerHTML = `${answerValue}`;
       document.getElementById("answer2").innerHTML = random1;
       document.getElementById("answer3").innerHTML = random2;
-    } else if (randomVar == 2) {
+    } else if (randomVar === 2) {
       document.getElementById("answer1").innerHTML = random1;
       document.getElementById("answer2").innerHTML = `${answerValue}`;
       document.getElementById("answer3").innerHTML = random2;

styles/game.css

@@ -85,7 +85,7 @@ a:hover {
   right: 0px;
   width: 100%;
   height: 100%;
-  background-color: #222323;
+  background-color: #422835;
 }
 
 #title {

styles/style.css

@@ -0,0 +1,4 @@
+
+body {
+  background-color: #4a313c;
+}

views/partials/nav.php

@@ -12,7 +12,7 @@
   </div>
   <div class="px-6 pt-6 lg:px-8 mb-5">
     <div>
-      <nav class="flex h-9 items-center justify-between" aria-label="Global">
+      <nav  class="flex h-9 items-center justify-between" aria-label="Global">
         <div class="flex lg:min-w-0 lg:flex-1" aria-label="Global">
           <a href="/" class="<?= urlIs("/") ?> -m-1.5 p-1.5">
             <span class="sr-only">Your Company</span>