From f1033bcdb621b75bbdb0a71add525be0f0bf3dbe Mon Sep 17 00:00:00 2001
From: Doveliyuchen <yl6394@nyu.edu>
Date: Tue, 7 Mar 2023 19:20:28 +0800
Subject: [PATCH] Update GameTutorial.html

---
 templates/GameTutorial.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/GameTutorial.html b/templates/GameTutorial.html
index 0cf34c2..e0af1e9 100644
--- a/templates/GameTutorial.html
+++ b/templates/GameTutorial.html
@@ -212,8 +212,8 @@
           </div>
 
 
-          <img style=" width: 80%; height: 90vh;top: 62px; left: 10vw;
-            position: fixed;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" id="windowshow">
+          <img style=" height: 90vh;top: -10vh; left: -10vw;
+            position: absolute;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" id="windowshow">
 
           <div align="center" id="GameWindow">
 
@@ -267,7 +267,7 @@
             <h3>Play Game</h3>
           </button>
         </div>
-        <div class="col-md-6" id="countdown" style="z-index:999; position:fixed; left:11vw; bottom: 5vh; color: #000; font-size: xx-large;"></div>
+        <div class="col-md-6" id="countdown" style="z-index:999; position:absolute; left:11vw; bottom: 1vh; color: #000; font-size: xx-large;"></div>
         <script>
           function countdown() {
             var count = 10; // 设置倒计时秒数
@@ -279,7 +279,7 @@
                 $("#windowshow:visible").hide(); // 倒计时结束后隐藏倒计时容器
                 
               } else {
-                $("#countdown").html("This instruction will close in "+ count +"s"); // 更新倒计时容器内容
+                $("#countdown").html("This instruction will close in "+ count +"s. <br>Or click to close."); // 更新倒计时容器内容
                 $("#windowshow").click(function(){
                   $("#windowshow").hide();
                   $("#countdown").hide();