feat: replace dishes name

alexgame.html

@@ -72,25 +72,25 @@
       </div>
 
       <!-- foods elements -->
-      <div id="champagne" class="dish">
-        <img src="asset/pic/louis16/Champagne.png" alt="香槟"
-          onclick="handleClick('cham');">
-      </div>
       <div id="cheese" class="dish">
-        <img src="asset/pic/louis16/BrieCheese.png" alt="芝士"
+        <img src="asset/pic/alexander/goat_cheese.png" alt="芝士"
           onclick="handleClick('cheese');">
       </div>
-      <div id="crepe" class="dish">
+      <div id="salad" class="dish">
-        <img src="asset/pic/louis16/Crepe.png" alt="雪糕"
+        <img src="asset/pic/alexander/greek_salad.png" alt="沙拉"
-          onclick="handleClick('crepe');">
+          onclick="handleClick('salad');">
       </div>
-      <div id="foie-gras" class="dish">
+      <div id="yoghurt" class="dish">
-        <img src="asset/pic/louis16/FoieGras.png" alt="肥肝"
+        <img src="asset/pic/alexander/greek_yoghurt.png" alt="酸奶"
-          onclick="handleClick('foiegras');">
+          onclick="handleClick('yoghurt');">
       </div>
-      <div id="onion-soup" class="dish">
+      <div id="moussaka" class="dish">
-        <img src="asset/pic/louis16/FrenchOnionSoup.png" alt="洋葱汤"
+        <img src="asset/pic/alexander/moussaka.png" alt="饼"
-          onclick="handleClick('onionsoup');">
+          onclick="handleClick('moussaka');">
+      </div>
+      <div id="lamb" class="dish">
+        <img src="asset/pic/alexander/roasted_lamb_chops.png" alt="羊"
+          onclick="handleClick('lamb');">
       </div>
     </div>
 

css/alexgame.css

@@ -131,24 +131,24 @@
     top:100px !important;
     display: none;
   }
-  #champagne img{ /* 香槟 */
+  #lamb img{
     left: -10px;
     
     display: none;
   }
-  #cheese img{ /* 芝士 */
+  #yoghurt img{ /* 芝士 */
     left: 170px;
     display: none;
   }
-  #crepe img{ 
+  #moussaka img{ 
     left: 380px;
     display: none;
   }
-  #foie-gras img{
+  #salad img{
     left: 590px;
     display: none;
   }
-  #onion-soup img{
+  #cheese img{
     left: 750px;
     top: 719px!important;
     width: 181px!important;

js/alexgame.js

@@ -159,11 +159,11 @@ document.addEventListener("DOMContentLoaded", function() {
     showElement("#dialogueBox img");
 
     // Show all dishes
-    showElement('#champagne img');
+    showElement('#lamb img');
+    showElement('#yoghurt img');
+    showElement('#moussaka img');
+    showElement('#salad img');
     showElement('#cheese img');
-    showElement('#crepe img');
-    showElement('#foie-gras img');
-    showElement('#onion-soup img');
 
     // Show a random customer
     showElement(customers[RandomCustomerIndex][0]);