From 65a10757ede5a0d75a2400eeccc30bc71766561f Mon Sep 17 00:00:00 2001
From: Doveliyuchen <yl6394@nyu.edu>
Date: Tue, 14 Mar 2023 15:41:13 +0800
Subject: [PATCH] Update

---
 templates/GameAnnotation.html  | 14 ++++++-------
 templates/GameAnnotation2.html |  7 ++++---
 templates/GamePlay.html        |  2 +-
 templates/GameQuestion.html    |  6 +++---
 templates/GameTutorial.html    | 20 ++++++++----------
 templates/GameWelcome.html     | 37 +++++++++++++++++-----------------
 6 files changed, 41 insertions(+), 45 deletions(-)

diff --git a/templates/GameAnnotation.html b/templates/GameAnnotation.html
index b06ecf7..566aae8 100644
--- a/templates/GameAnnotation.html
+++ b/templates/GameAnnotation.html
@@ -192,7 +192,7 @@
 <div id="replayWindow" class="popwindow">
   <div id="replayWindowGame">
   </div>
-  <p><b>Click "Q" to stop replay and quit</b></p>
+  <p><b>Click on the game screen and press "Q" to stop replay and quit</b></p>
   <div align="center" id="replayButton"><button onClick='closeReplayWindow()' class="cirButton" width="80%">Close Window</button></div>
 </div>
 
@@ -312,7 +312,7 @@
 
         <div class="col-md-5">
           <h4>Level A</h4>
-          <p style="color:darkgrey">Drag Picture To Move</p>
+          <p style="color:darkgrey">Drag The Picture To See the Whole Level</p>
           <div style="overflow-x: scroll; height: 350px;">
             <img src="../levels/{{level1}}.png" height="100%">
           </div>
@@ -325,7 +325,7 @@
 
         <div class="col-md-5">
           <h4>Level B</h4>
-          <p style="color:darkgrey">Drag Picture To Move</p>
+          <p style="color:darkgrey">Drag The Picture To See the Whole Level</p>
 
           <div style="overflow-x: scroll; height: 350px;">
             <img src="../levels/{{level2}}.png" height="100%">
@@ -372,11 +372,11 @@
 
             <label>
               <input type="radio" class="option-input radio" name="fun" value="A">
-              <b>A is More Fun than B</b>
+              <b>A</b>
             </label>
             <label>
               <input type="radio" class="option-input radio" name="fun" value="E">
-              <b>Both are equally Fun</b>
+              <b>Both were equally Fun</b>
             </label>
 
           </div>
@@ -384,11 +384,11 @@
 
             <label>
               <input type="radio" class="option-input radio" name="fun" value="B">
-              <b>B is More Fun than A</b>
+              <b>B</b>
             </label>
             <label>
               <input type="radio" class="option-input radio" name="fun" value="N">
-              <b>Neither is Fun</b>
+              <b>Neither was Fun</b>
             </label>
             
           </div>
diff --git a/templates/GameAnnotation2.html b/templates/GameAnnotation2.html
index 530ea59..7c65ed5 100644
--- a/templates/GameAnnotation2.html
+++ b/templates/GameAnnotation2.html
@@ -150,7 +150,8 @@
 <div id="replayWindow" class="popwindow">
   <div id="replayWindowGame">
   </div>
-  <p><b>Click "Q" to stop replay and quit</b></p>
+  <p><b>Click on the game screen and press "Q" to stop replay and quit</b></p>
+
   <div align="center" id="replayButton"><button onClick='closeReplayWindow()' class="cirButton" width="80%">Close Window</button>
   </div>
 </div>
@@ -291,7 +292,7 @@
 
         <div class="col-md-4">
           <h4>Level B</h4>
-          <p style="color:darkgrey">Drag Picture To Move</p>
+          <p style="color:darkgrey">Drag The Picture To See the Whole Level</p>
 
           <div style="overflow-x: scroll; height: 350px;">
             <img src="../levels/{{level2}}.png" height="100%">
@@ -304,7 +305,7 @@
 
         <div class="col-md-4">
           <h4>Level C</h4>
-          <p style="color:darkgrey">Drag Picture To Move</p>
+          <p style="color:darkgrey">Drag The Picture To See the Whole Level</p>
 
           <div style="overflow-x: scroll; height: 350px;">
             <img src="../levels/{{level3}}.png" height="100%">
diff --git a/templates/GamePlay.html b/templates/GamePlay.html
index ca1935c..d22ab63 100644
--- a/templates/GamePlay.html
+++ b/templates/GamePlay.html
@@ -187,7 +187,7 @@
         <div class="col-md-12">
           <div align="center">
             <h3 id="Head">Level A</h3>
-            <p class="alert">If the game is not responsed to your keyboard, please click the game screen first.</p>
+            <p class="alert">If the game is not responding to your keyboard, please click on the game screen.</p>
           </div>
           <div align="center" id="GameWindow">
             <div class="loading-container" id="loading" style="visibility: visible">
diff --git a/templates/GameQuestion.html b/templates/GameQuestion.html
index 0d60dd1..9ee8c6b 100644
--- a/templates/GameQuestion.html
+++ b/templates/GameQuestion.html
@@ -22,9 +22,9 @@
   <link rel="shortcut icon" href="http://aingames.cn/static/img/logo.png">
 
 
-  {#
-  <script src="../templates/Web/font_3071663_oravow8bb8q.js"></script>#}
-  <script src="../data.js"></script>
+
+  <script src="../templates/Web/font_3071663_oravow8bb8q.js"></script>
+  <script src="../templates/data.js"></script>
   <!-- Custom styles for this template -->
   <link href="../templates/Web/scrolling-nav.css" rel="stylesheet">
   <link href="../templates/Web/css2" rel="stylesheet">
diff --git a/templates/GameTutorial.html b/templates/GameTutorial.html
index 55bae7a..6bd36f6 100644
--- a/templates/GameTutorial.html
+++ b/templates/GameTutorial.html
@@ -28,8 +28,6 @@
   <link href="../templates/Web/css2" rel="stylesheet">
 
   <style>
-
-
     #funding:hover+#prove {
       display: block;
     }
@@ -147,10 +145,12 @@
     .col-md-6 {
       z-index: 100;
     }
-    .col-md-12{
+
+    .col-md-12 {
       z-index: 100;
     }
-    .GameWindow{
+
+    .GameWindow {
       z-index: 100;
     }
   </style>
@@ -271,11 +271,7 @@
             }
               document.getElementById("game").style.visibility = "visible";
 
-          });
-
-
-
-         ' class="cirButton">
+          });' class="cirButton">
             <h3>Repeat Tutorial</h3>
           </button>
         </div>
@@ -371,11 +367,11 @@
 
     <div id="mask" onclick="replay()"></div>
     <script>
-      function replay(){
-      
+      function replay() {
+
         $("#windowshow:hidden").show();
 
-      
+
       }
     </script>
 
diff --git a/templates/GameWelcome.html b/templates/GameWelcome.html
index 02d35e0..dad8532 100644
--- a/templates/GameWelcome.html
+++ b/templates/GameWelcome.html
@@ -27,8 +27,6 @@
   <link href="../templates/Web/css2" rel="stylesheet">
 
   <style>
-
-
     #funding:hover+#prove {
       display: block;
     }
@@ -173,18 +171,18 @@
         opacity: 0;
       }
     }
-    @media screen and (max-width: 768px){
-      body{
-        min-width: fit-content;
-      } 
-    }
 
-    @media screen and (max-width:992px) and (min-width:769px) {
-      #info{
+    @media screen and (max-width: 768px) {
+      body {
         min-width: fit-content;
       }
     }
 
+    @media screen and (max-width:992px) and (min-width:769px) {
+      #info {
+        min-width: fit-content;
+      }
+    }
   </style>
 
 </head>
@@ -214,7 +212,7 @@
   </svg>
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
     <div class="container">
-      <a class="navbar-brand js-scroll-trigger " href="http://aingames.cn/index.html"> 
+      <a class="navbar-brand js-scroll-trigger " href="http://aingames.cn/index.html">
         <img src="../templates/Web/grouplogo.png" height="35px"></a>
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
         aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
@@ -255,7 +253,7 @@
         <div class="col-md-5" style="
         width: fit-content;
         min-width: fit-content;" height="100%">
-        <br>
+          <br>
           <img src="../img/frameworkAD.gif" max-height="auto">
         </div>
 
@@ -266,18 +264,19 @@
               This Experiment is designed to study <b>the notion of "<em>fun</em>"</b> elicited while playing Super
               Mario
               Bros levels.
-     
+
           </ul>
           <br>
           <h4>Procedure of the Experiment</h4>
           <ul>
-            <li> This experiment has <b>three phases</b>. Before the first phase, you must answer <b>a
-              questionnaire</b>. Then you will complete a <b>short tutorial</b> and play<b> 2 levels</b> of the game. 
-              Afterward, there will be a break with <b>1 question</b> and replays of your playing. The second phase <b>repeats</b> the first 
-              phase, and the final phase consists of <b>3 levels</b> and <b>1 question</b>. In total, the experiment takes approximately <b>15 minutes</b> to complete, 
-              and you will play a tutorial level and <b>7</b> game levels.
-
-            
+            <li> This experiment has <b>three phases</b>.
+              <ol style="list-style-type: lower-roman;">
+                <li>First you must answer <b>a questionnaire</b>. </li>
+                <li>Then you will complete a <b>short game tutorial</b>, play<b> 2 levels</b> of the game and answer a simple
+                  question. You can <b>repeats</b> this phase as you like. </li>
+                <li>Finally you will play <b>3 levels</b> and answer a simple question.</li>
+              </ol>
+            <li>In total, the experiment takes approximately <b>15 minutes</b> to complete.</li>
             <li> Have Fun!
           </ul>