This commit is contained in:
Doveliyuchen 2023-03-14 15:41:13 +08:00
parent 09925a8467
commit 65a10757ed
6 changed files with 41 additions and 45 deletions

View File

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

View File

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

View File

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

View File

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

View File

@ -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();

View File

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