fix: fix desktop error

Reviewed-on: #9

choice.html

@@ -31,11 +31,11 @@
 
 <div class="image-container">
     <img src="asset/pic/Character_Selection.png" alt="选择角色">
-    <button class="button button1" onclick="location.href='alexgame.html'">亚历山大</button>
-    <button class="button button2" onclick="location.href='louisgame.html'">路易十六</button>
-    <button class="button button3" onclick="location.href='qinshihuanggame.html'">秦始皇</button>
-    <button class="button button4" onclick="location.href='elizabethgame.html'">伊丽莎白</button>
-    <button class="button button5" onclick="location.href='nixongame.html'">尼克松</button>
+    <button class="button button1" onclick="location.href='alexgame.html'">Alexander</button>
+    <button class="button button2" onclick="location.href='louisgame.html'">Louis XVI</button>
+    <button class="button button3" onclick="location.href='qinshihuanggame.html'">Qin Shi Huang</button>
+    <button class="button button4" onclick="location.href='elizabethgame.html'">Elizabeth I</button>
+    <button class="button button5" onclick="location.href='nixongame.html'">Nixon</button>
 </div>
 
 </body>

css/alexgame.css

@@ -20,6 +20,10 @@
     height: 1024px;
     top:50px;
     left: -100px;
+    height: 884px!important;
+    width: 883px!important;
+    top: 204px!important;
+    left: 40px!important;
   }
   #restaurant .dish img {
     position: absolute;

css/louisgame.css

@@ -20,6 +20,10 @@
     height: 1024px;
     top:50px;
     left: -100px;
+    height: 884px!important;
+    width: 883px!important;
+    top: 204px!important;
+    left: 40px!important;
   }
   #restaurant .dish img {
     position: absolute;
@@ -137,22 +141,33 @@
     display: none;
   }
   #cheese img{ /* 芝士 */
-    left: 170px;
+    left: 159px;
     display: none;
+    top: 734px!important;
+    width: 182px!important;
+    height: 207px!important;
   }
   #crepe img{ 
-    left: 380px;
+  
     display: none;
+    left: 347px;
+    top: 735px!important;
+    width: 194px!important;
+    height: 202px!important;
   }
   #foie-gras img{
-    left: 590px;
+    left: 563px;
     display: none;
+    top: 750px!important;
+    width: 190px!important;
+    height: 191px!important;
+    z-index: 3!important;
   }
   #onion-soup img{
     left: 750px;
-    top: 719px!important;
-    width: 181px!important;
-    height: 183px!important;
+    top: 725px!important;
+    width: 200px!important;
+    height: 207px!important;
     display: none;
   }
 

css/nixongame.css

@@ -1,13 +1,13 @@
   body {
-    background-image: url('../asset/pic/louis16/LouisXVI_Restaurant.png'); 
+    background-image: url('../asset/pic/nixon/background.png'); 
     background-repeat: no-repeat;
     background-color: rgb(0, 136, 109);
   }
-  #desk{
+  #desktop{
     position: absolute;
     background-repeat: no-repeat;
   }
-  #desk img{
+  #desktop img{
     left: -10px;
     top: -10px;
     position: absolute;
@@ -36,17 +36,17 @@
     z-index: 4;
   }
 
-  #louis img{ /* louis 16 */
+  #nixon img{ /* nixon 16 */
     top: 235px;
     left: 1050px;
     display: none;
   }
-  #louis1 img{ /* 断头台 */
+  #nixon1 img{ /* 断头台 */
     top: 235px;
     left: 1050px;
     display: none;
   }
-  #louis2 img{ /* 死 */
+  #nixon2 img{ /* 死 */
     top: 235px;
     left: 1050px;
     display: none;

js/nixongame.js

@@ -128,13 +128,13 @@ var answers = [
     'ham',
     'hotdog',
     'applepie',
-    'frychicken',
-    'jiangbing',
+    'friedchicken',
+    'pancakes',
     'ham',
     'hotdog',
     'applepie',
-    'frychicken',
-    'jianbing'
+    'friedchicken',
+    'pancakes'
 ]
 
 var QAlist = Array.from(Array(questions.length).keys());
@@ -159,11 +159,11 @@ document.addEventListener("DOMContentLoaded", function() {
     showElement("#dialogueBox img");
 
     // Show all dishes
-    showElement('#champagne img');
-    showElement('#cheese img');
-    showElement('#crepe img');
-    showElement('#foie-gras img');
-    showElement('#onion-soup img');
+    showElement('#burger img');
+    showElement('#hot_dog img');
+    showElement('#apple_pie img');
+    showElement('#fried_chicken img');
+    showElement('#pancakes img');
 
     // Show a random customer
     showElement(customers[RandomCustomerIndex][0]);

nixongame.html

@@ -22,10 +22,10 @@
       <div id="nixon" class="empire">
         <img src="asset/pic/nixon/nixon_normal.png" alt="nixon">
       </div>
-      <div id="louis1" class="empire">
+      <div id="nixon1" class="empire">
         <img src="asset/pic/nixon/nixon_normal.png" alt="nixon">
       </div>
-      <div id="louis2" class="empire">
+      <div id="nixon2" class="empire">
         <img src="asset/pic/nixon/nixon_die.png" alt="死">
       </div>
 
@@ -72,25 +72,25 @@
       </div>
 
       <!-- foods elements -->
-      <div id="champagne" class="dish">
+      <div id="burger" class="dish">
         <img src="asset/pic/nixon/burger.png" alt="burger"
-          onclick="handleClick('cham');">
+          onclick="handleClick('hamburger');">
       </div>
-      <div id="cheese" class="dish">
+      <div id="hot_dog" class="dish">
         <img src="asset/pic/nixon/hot_dog.png" alt="hot_dog"
-          onclick="handleClick('cheese');">
+          onclick="handleClick('hotdog');">
       </div>
-      <div id="crepe" class="dish">
+      <div id="apple_pie" class="dish">
         <img src="asset/pic/nixon/apple_pie.png" alt="apple_pie"
           onclick="handleClick('crepe');">
       </div>
-      <div id="foie-gras" class="dish">
+      <div id="fried_chicken" class="dish">
         <img src="asset/pic/nixon/fried_chicken.png" alt="fried_chicken"
-          onclick="handleClick('foiegras');">
+          onclick="handleClick('friedchicken');">
       </div>
-      <div id="onion-soup" class="dish">
+      <div id="pancakes" class="dish">
         <img src="asset/pic/nixon/pancakes.png" alt="pancakes"
-          onclick="handleClick('onionsoup');">
+          onclick="handleClick('pancakes');">
       </div>
     </div>