Update

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>

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%">

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">

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="../templates/Web/font_3071663_oravow8bb8q.js"></script>
-  <script src="../data.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">

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,7 +367,7 @@
 
     <div id="mask" onclick="replay()"></div>
     <script>
-      function replay(){
+      function replay() {
 
         $("#windowshow:hidden").show();
 

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{
+    @media screen and (max-width: 768px) {
+      body {
         min-width: fit-content;
       }
     }
 
     @media screen and (max-width:992px) and (min-width:769px) {
-      #info{
+      #info {
         min-width: fit-content;
       }
     }
-
   </style>
 
 </head>
@@ -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>
 
@@ -271,13 +269,14 @@
           <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
+            <li> This experiment has <b>three phases</b>.
-              questionnaire</b>. Then you will complete a <b>short tutorial</b> and play<b> 2 levels</b> of the game. 
+              <ol style="list-style-type: lower-roman;">
-              Afterward, there will be a break with <b>1 question</b> and replays of your playing. The second phase <b>repeats</b> the first 
+                <li>First you must answer <b>a questionnaire</b>. </li>
-              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, 
+                <li>Then you will complete a <b>short game tutorial</b>, play<b> 2 levels</b> of the game and answer a simple
-              and you will play a tutorial level and <b>7</b> game levels.
+                  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>