Merge branch 'main' of https://git.mamahaha.work/sangge/hhl_project

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/elizabethgame.css

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

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;
@@ -145,14 +149,18 @@
     display: none;
   }
   #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: 730px!important;
+    width: 200px!important;
+    height: 207px!important;
     display: none;
   }
 

css/nixongame.css

@@ -3,11 +3,11 @@
     background-repeat: no-repeat;
     background-color: rgb(0, 136, 109);
   }
-  #desktop{
+  #desk{
     position: absolute;
     background-repeat: no-repeat;
   }
-  #desktop img{
+  #desk img{
     left: -10px;
     top: -10px;
     position: absolute;
@@ -131,24 +131,24 @@
     top:100px !important;
     display: none;
   }
-  #champagne img{ /* 香槟 */
+  #burger img{ 
     left: -10px;
     
     display: none;
   }
-  #cheese img{ /* 芝士 */
+  #hot_dog img{ 
     left: 170px;
     display: none;
   }
-  #crepe img{ 
+  #apple_pie img{ 
     left: 380px;
     display: none;
   }
-  #foie-gras img{
+  #fried_chicken img{
     left: 590px;
     display: none;
   }
-  #onion-soup img{
+  #pancakes img{
     left: 750px;
     top: 719px!important;
     width: 181px!important;

elizabethgame.html

@@ -72,24 +72,24 @@
       </div>
 
       <!-- foods elements -->
-      <div id="champagne" class="dish">
-        <img src="asset/pic/louis16/Champagne.png" alt="香槟"
+      <div id="fish_chips" class="dish">
+        <img src="asset/pic/elizabeth/fish_chips.png" alt="fish_chip"
           onclick="handleClick('cham');">
       </div>
-      <div id="cheese" class="dish">
-        <img src="asset/pic/louis16/BrieCheese.png" alt="芝士"
+      <div id="english_breakfast" class="dish">
+        <img src="asset/pic/elizabeth/english_breakfast .png" alt="english_breakfast"
           onclick="handleClick('cheese');">
       </div>
-      <div id="crepe" class="dish">
-        <img src="asset/pic/louis16/Crepe.png" alt="雪糕"
+      <div id="pudding" class="dish">
+        <img src="asset/pic/elizabeth/Pudding.png" alt="pudding"
           onclick="handleClick('crepe');">
       </div>
-      <div id="foie-gras" class="dish">
-        <img src="asset/pic/louis16/FoieGras.png" alt="肥肝"
+      <div id="spaghetti_bolognes" class="dish">
+        <img src="asset/pic/elizabeth/Spaghetti_Bolognese.png" alt="Spaghetti_Bolognese"
           onclick="handleClick('foiegras');">
       </div>
-      <div id="onion-soup" class="dish">
-        <img src="asset/pic/louis16/FrenchOnionSoup.png" alt="洋葱汤"
+      <div id="cream_tea" class="dish">
+        <img src="asset/pic/cream_tea.png" alt="cream_tea"
           onclick="handleClick('onionsoup');">
       </div>
     </div>

nixongame.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>路易十六餐厅</title>
+    <title>尼克松餐厅</title>
     <link rel="stylesheet" type="text/css" href="css/nixongame.css">
 
   </head>
@@ -15,7 +15,7 @@
     <!-- 游戏的界面元素 -->
     <div id="restaurant">
       <div id="desktop">
-        <img src="asset/pic/louis16/LouisXVI_RestaurantTable.png" alt="desktop">
+        <img src="asset/pic/nixon/desk.png" alt="desktop">
       </div>
 
       <!-- empires elements-->
@@ -73,23 +73,23 @@
 
       <!-- foods elements -->
       <div id="champagne" class="dish">
-        <img src="asset/pic/louis16/Champagne.png" alt="香槟"
+        <img src="asset/pic/nixon/burger.png" alt="burger"
           onclick="handleClick('cham');">
       </div>
       <div id="cheese" class="dish">
-        <img src="asset/pic/louis16/BrieCheese.png" alt="芝士"
+        <img src="asset/pic/nixon/hot_dog.png" alt="hot_dog"
           onclick="handleClick('cheese');">
       </div>
       <div id="crepe" class="dish">
-        <img src="asset/pic/louis16/Crepe.png" alt="雪糕"
+        <img src="asset/pic/nixon/apple_pie.png" alt="apple_pie"
           onclick="handleClick('crepe');">
       </div>
       <div id="foie-gras" class="dish">
-        <img src="asset/pic/louis16/FoieGras.png" alt="肥肝"
+        <img src="asset/pic/nixon/fried_chicken.png" alt="fried_chicken"
           onclick="handleClick('foiegras');">
       </div>
       <div id="onion-soup" class="dish">
-        <img src="asset/pic/louis16/FrenchOnionSoup.png" alt="洋葱汤"
+        <img src="asset/pic/nixon/pancakes.png" alt="pancakes"
           onclick="handleClick('onionsoup');">
       </div>
     </div>