diff --git a/templates/GameAnnotation.html b/templates/GameAnnotation.html
index 6f09a27..83e711e 100644
--- a/templates/GameAnnotation.html
+++ b/templates/GameAnnotation.html
@@ -64,47 +64,6 @@
       background-color: rgba(0, 0, 0, 0.2);
     }
 
-    .groupname {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 45px;
-      font-weight: bold;
-    }
-
-    .slogan {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 40px;
-      font-style: italic;
-      /* font-weight:Light 300 italic; */
-      font-family: 'Consolas', monospace;
-      color: #c4cbcf;
-    }
-
-    .hiddenpart {
-      opacity: 0;
-      max-width: 0;
-      color: #c4cbcf;
-      transition: 1.3s ease-out;
-    }
-
-    .slogan:hover .hiddenpart {
-      opacity: 1;
-      max-width: 10em;
-    }
-
-    .news_prefix {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-image: url("static/img/news_prefix.png");
-      background-size: 150px, 30px;
-    }
-
     svg {
       width: 50px;
       height: 26px;
diff --git a/templates/GameOver.html b/templates/GameOver.html
index 90ed697..edfdd97 100644
--- a/templates/GameOver.html
+++ b/templates/GameOver.html
@@ -3,7 +3,8 @@
 <html lang="en">
 <script
   id="allow-copy_script">(function t() { var t = !1; document.addEventListener("allow_copy", (function (n) { t = n.detail.unlock })); var n = ["copy", "cut", "contextmenu", "selectstart", "mousedown", "mouseup", "mousemove", "keydown", "keypress", "keyup"], e = function (n) { t && (n.stopPropagation(), n.stopImmediatePropagation && n.stopImmediatePropagation()) }; n.forEach((function (t) { document.documentElement.addEventListener(t, e, { capture: !0 }) })) })()</script>
-  <script src="../templates/Web/jquery.min.js"></script>
+<script src="../templates/Web/jquery.min.js"></script>
+
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
@@ -28,27 +29,11 @@
   <link href="../templates/Web/css2" rel="stylesheet">
 
   <style>
-
-
     #funding:hover+#prove {
       display: block;
     }
 
-    .popwindow {
-      width: 500px;
-      height: 550px;
-      border: 3px solid #ff928e;
-      visibility: hidden;
-      position: absolute;
-      z-index: 999;
-      opacity: 1;
-      overflow: hidden;
-      background-color: white;
-      text-align: center;
-      margin-top: 10%;
-      margin-left: 35%;
-      border-radius: 10px;
-    }
+
 
     .cirButton {
       width: 40%;
@@ -64,47 +49,6 @@
       background-color: rgba(0, 0, 0, 0.2);
     }
 
-    .groupname {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 45px;
-      font-weight: bold;
-    }
-
-    .slogan {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 40px;
-      font-style: italic;
-      /* font-weight:Light 300 italic; */
-      font-family: 'Consolas', monospace;
-      color: #c4cbcf;
-    }
-
-    .hiddenpart {
-      opacity: 0;
-      max-width: 0;
-      color: #c4cbcf;
-      transition: 1.3s ease-out;
-    }
-
-    .slogan:hover .hiddenpart {
-      opacity: 1;
-      max-width: 10em;
-    }
-
-    .news_prefix {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-image: url("static/img/news_prefix.png");
-      background-size: 150px, 30px;
-    }
-
     svg {
       width: 50px;
       height: 26px;
@@ -187,31 +131,25 @@
       <br>
       <button id="hideButton" class="cirButton">No</button>
 
-        <br>
-        <br>
+      <br>
+      <br>
 
-        <form id="ajaxform">
-             <h3>Do you have any feedback?</h3>
+      <form id="ajaxform">
+        <h3>Do you have any feedback?</h3>
         <br>
-              <textarea
-            id="message"
-            cols="60"
-            rows="10"
-            placeholder="Enter your message"
-
-          ></textarea>
-            <br><br>
-            <input type="submit" value="Submit" class="cirButton" onclick="submit_it()">
-        </form>
+        <textarea id="message" cols="60" rows="10" placeholder="Enter your message"></textarea>
+        <br><br>
+        <input type="submit" value="Submit" class="cirButton" onclick="submit_it()">
+      </form>
       <script>
         document.getElementById("hideButton").addEventListener("click", function () {
           var buttons = document.getElementsByTagName("button");
           for (var i = 0; i < buttons.length; i++) {
             buttons[i].style.display = "none";
           }
-            var text=document.getElementById("question");
-            text.style.visibility="hidden";
-        }); 
+          var text = document.getElementById("question");
+          text.style.visibility = "hidden";
+        });
 
 
         // document.getElementById("hideButton").addEventListener("click", function () {
@@ -220,45 +158,48 @@
         // });
 
         function submit_it() {
-             $("#ajaxform").hide()
-        $("#ajaxform").submit(function(e)
-    {
+          $("#ajaxform").hide()
+          $("#ajaxform").submit(function (e) {
 
-        var postData = JSON.stringify($("#message").val());
-        {#var formURL = $(this).attr("action");#}
-        $.ajax(
-        {
-            url : "gameover",
-            type: "POST",
-            data : postData,
-            success:function(data) 
-            {
+            var postData = JSON.stringify($("#message").val());
 
-                //data: return data from server
-            }
+            $.ajax(
+              {
+                url: "gameover",
+                type: "POST",
+                data: postData,
+                success: function (data) {
 
-        });
-        e.preventDefault(); //STOP default action
-        {#e.unbind(); //unbind. to stop multiple form submit.#}
-    });
+                  //data: return data from server
+                }
 
-}
+              });
+            e.preventDefault(); //STOP default action
+
+            });
+
+        }
 
       </script>
 
     </div>
 
 
-  <div class="col-xl-8" style="margin:auto;">
+    <div class="col-xl-8" style="margin:auto;">
       <img src="../templates/Web/sustc.png" height="200">
       <img src="../templates/Web/Malta.png" height="200">
-  </div>
+    </div>
 
   </section>
 
-<div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This page is created by <a href="https://github.com/BigJIU" target="_blank">Haocheng Du</a>, <a href="https://doveliyuchen.github.io" target="_blank">Yuchen Li</a>; game content is generated by <b>AI </b>designed by<a href="https://github.com/PneuC" target="_blank"> Ziqi Wang</a>.<br> This project is supported by <a href="http://www.liujialin.tech/" target="_blank">Dr. Liu</a> and <a href="https://yannakakis.net/" target="_blank">Prof. Yannakakis</a>.</div>
+    <div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This platform is created by <a
+      href="https://github.com/BigJIU" target="_blank">Haocheng Du</a>, <a href="https://doveliyuchen.github.io"
+      target="_blank">Yuchen Li</a>; game content is generated by <b>procedural content generation (PCG) </b>techniques developed by <a
+      href="https://github.com/PneuC" target="_blank">Ziqi Wang</a>.<br> This project is supported by <a
+      href="http://www.liujialin.tech/" target="_blank">Dr. Liu</a> and <a href="https://yannakakis.net/"
+      target="_blank">Prof. Yannakakis</a>.</div>
 
-<br><br>
+  <br><br>
 
 
   <!-- Footer mx-auto -->
@@ -267,8 +208,10 @@
       <div class="row clearfix">
 
         <div class="col-md-10 column">
-          <div class="col-xl-3 justify-content-center" style="margin: auto" align="center"><a href="/privacy" style="cursor:pointer; color: white;" target="_blank">Privacy Policy</a> </div>
-          <div class="col-xl-3 justify-content-center text-white" style="margin: auto" align="center">Copyright © Jialin Liu</div>
+          <div class="col-xl-3 justify-content-center" style="margin: auto" align="center"><a href="/privacy"
+              style="cursor:pointer; color: white;" target="_blank">Privacy Policy</a> </div>
+          <div class="col-xl-3 justify-content-center text-white" style="margin: auto" align="center">Copyright © Jialin
+            Liu</div>
 
         </div>
 
diff --git a/templates/GamePlay.html b/templates/GamePlay.html
index ac147f0..dddea46 100644
--- a/templates/GamePlay.html
+++ b/templates/GamePlay.html
@@ -27,52 +27,7 @@
   <link href="../templates/Web/css2" rel="stylesheet">
 
   <style>
-    #funding {
-      cursor: pointer;
-      R
-    }
 
-    #prove {
-      display: none;
-    }
-
-    #funding:hover+#prove {
-      display: block;
-    }
-
-    .groupname {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 45px;
-      font-weight: bold;
-    }
-
-    .slogan {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 40px;
-      font-style: italic;
-      /* font-weight:Light 300 italic; */
-      font-family: 'Consolas', monospace;
-      color: #c4cbcf;
-    }
-
-    .cirButton {
-      width: 100%;
-      height: 60px;
-      border-radius: 40px;
-      cursor: pointer;
-      border: none;
-      font-weight: 600;
-    }
-
-    .cirButton:hover {
-      background-color: rgba(0, 0, 0, 0.2);
-    }
 
     svg {
       width: 50px;
@@ -288,8 +243,8 @@
           <img class="img-fluid" alt="" src="../templates/Web/Wechat.png" style="width: 100px;">
       </div> -->
         <div class="col-md-10 column">
-          <br><br>
-          <p class="m-0 text-center text-white">Copyright © Jialin Liu</p>
+          <div class="col-xl-3 justify-content-center" style="margin: auto" align="center"><a href="/privacy" style="cursor:pointer; color: white;" target="_blank">Privacy Policy</a> </div>
+          <div class="col-xl-3 justify-content-center text-white" style="margin: auto" align="center">Copyright © Jialin Liu</div>
 
         </div>
 
@@ -312,4 +267,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/templates/GameQuestion.html b/templates/GameQuestion.html
index ee236fb..576a0e1 100644
--- a/templates/GameQuestion.html
+++ b/templates/GameQuestion.html
@@ -31,23 +31,6 @@
 
   <style>
 
-
-    .popwindow {
-      width: 500px;
-      height: 550px;
-      border: 3px solid #ff928e;
-      visibility: hidden;
-      position: absolute;
-      z-index: 999;
-      opacity: 1;
-      overflow: hidden;
-      background-color: white;
-      text-align: center;
-      margin-top: 10%;
-      margin-left: 35%;
-      border-radius: 10px;
-    }
-
     .cirButton {
       width: 100%;
       height: 60px;
@@ -61,48 +44,6 @@
       background-color: rgba(0, 0, 0, 0.2);
     }
 
-
-    .groupname {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 45px;
-      font-weight: bold;
-    }
-
-    .slogan {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 40px;
-      font-style: italic;
-      /* font-weight:Light 300 italic; */
-      font-family: 'Consolas', monospace;
-      color: #c4cbcf;
-    }
-
-    .hiddenpart {
-      opacity: 0;
-      max-width: 0;
-      color: #c4cbcf;
-      transition: 1.3s ease-out;
-    }
-
-    .slogan:hover .hiddenpart {
-      opacity: 1;
-      max-width: 10em;
-    }
-
-    .news_prefix {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-image: url("static/img/news_prefix.png");
-      background-size: 150px, 30px;
-    }
-
     svg {
       width: 50px;
       height: 26px;
diff --git a/templates/GameTutorial.html b/templates/GameTutorial.html
index 198fe8d..237fe43 100644
--- a/templates/GameTutorial.html
+++ b/templates/GameTutorial.html
@@ -65,14 +65,6 @@
       max-width: 10em;
     }
 
-    .news_prefix {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-image: url("static/img/news_prefix.png");
-      background-size: 150px, 30px;
-    }
-
     svg {
       width: 50px;
       height: 26px;
diff --git a/templates/GameWelcome.html b/templates/GameWelcome.html
index 05ec0b1..a453a1d 100644
--- a/templates/GameWelcome.html
+++ b/templates/GameWelcome.html
@@ -31,22 +31,6 @@
       display: block;
     }
 
-    .popwindow {
-      width: 500px;
-      height: 550px;
-      border: 3px solid #ff928e;
-      visibility: hidden;
-      position: absolute;
-      z-index: 999;
-      opacity: 1;
-      overflow: hidden;
-      background-color: white;
-      text-align: center;
-      margin-top: 10%;
-      margin-left: 35%;
-      border-radius: 10px;
-    }
-
     .cirButton {
       width: 100%;
       height: 60px;
@@ -60,46 +44,6 @@
       background-color: rgba(0, 0, 0, 0.2);
     }
 
-    .groupname {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 45px;
-      font-weight: bold;
-    }
-
-    .slogan {
-      justify-content: center;
-      display: flex;
-      position: relative;
-      text-align: center;
-      font-size: 40px;
-      font-style: italic;
-      /* font-weight:Light 300 italic; */
-      font-family: 'Consolas', monospace;
-      color: #c4cbcf;
-    }
-
-    .hiddenpart {
-      opacity: 0;
-      max-width: 0;
-      color: #c4cbcf;
-      transition: 1.3s ease-out;
-    }
-
-    .slogan:hover .hiddenpart {
-      opacity: 1;
-      max-width: 10em;
-    }
-
-    .news_prefix {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background-image: url("static/img/news_prefix.png");
-      background-size: 150px, 30px;
-    }
 
     svg {
       width: 50px;
@@ -107,53 +51,6 @@
       vertical-align: middle;
     }
 
-    {#label {#}
-    {#  display: block;#}
-    {#  line-height: 100px;#}
-
-
-    .option-input {
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      -ms-appearance: none;
-      -o-appearance: none;
-      appearance: none;
-      position: relative;
-      top: 13.33333px;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      height: 40px;
-      width: 40px;
-      transition: all 0.15s ease-out 0s;
-      background: #cbd1d8;
-      border: none;
-      color: #fff;
-      cursor: pointer;
-      display: inline-block;
-      margin-right: 0.5rem;
-      outline: none;
-      position: relative;
-      z-index: 1000;
-    }
-
-    .option-input:hover {
-      background: #9faab7;
-    }
-
-    .option-input:checked {
-      background: #0d007e;
-    }
-
-    .option-input.radio {
-      border-radius: 50%;
-    }
-
-    .option-input.radio::after {
-      border-radius: 50%;
-    }
-
-
 
     @keyframes click-wave {
       0% {
@@ -282,23 +179,24 @@
           </ul>
 
           <br>
-            <script>
-function validateForm() {
-  // Check if the checkbox is checked
-  var checkbox = document.getElementById('privacyPolicyCheckbox');
-  if (!checkbox.checked) {
-    alert('Please agree to the privacy policy');
-    return false; // Prevent form submission
-  }
-  return true; // Allow form submission
-}
-</script>
+          <script>
+            function validateForm() {
+              // Check if the checkbox is checked
+              var checkbox = document.getElementById('privacyPolicyCheckbox');
+              if (!checkbox.checked) {
+                alert('Please agree to the privacy policy');
+                return false; // Prevent form submission
+              }
+              return true; // Allow form submission
+            }
+          </script>
 
-            <input type="checkbox" id="privacyPolicyCheckbox" name="privacyPolicyCheckbox" required>
-            <label for="privacyPolicyCheckbox">I agree to the <a href="/privacy" style="cursor:pointer;" target="_blank">privacy policy</a></label>
-            <br>
-            <br>
-            <button  class="cirButton" type="submit" onclick="
+          <input type="checkbox" id="privacyPolicyCheckbox" name="privacyPolicyCheckbox" required>
+          <label for="privacyPolicyCheckbox">I agree to the <a href="/privacy" style="cursor:pointer;"
+              target="_blank">privacy policy</a></label>
+          <br>
+          <br>
+          <button class="cirButton" type="submit" onclick="
                 if (validateForm()) { window.location.href = '/question'; }
                 "><b> Start!</b> </button>
 
@@ -307,9 +205,14 @@ function validateForm() {
     </div>
   </section>
 
- <div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This page is created by <a href="https://github.com/BigJIU" target="_blank">Haocheng Du</a>, <a href="https://doveliyuchen.github.io" target="_blank">Yuchen Li</a>; game content is generated by <b>AI </b>designed by<a href="https://github.com/PneuC" target="_blank"> Ziqi Wang</a>.<br> This project is supported by <a href="http://www.liujialin.tech/" target="_blank">Dr. Liu</a> and <a href="https://yannakakis.net/" target="_blank">Prof. Yannakakis</a>.</div>
+  <div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This platform is created by <a
+      href="https://github.com/BigJIU" target="_blank">Haocheng Du</a>, <a href="https://doveliyuchen.github.io"
+      target="_blank">Yuchen Li</a>; game content is generated by <b>procedural content generation (PCG) </b>techniques developed by <a
+      href="https://github.com/PneuC" target="_blank">Ziqi Wang</a>.<br> This project is supported by <a
+      href="http://www.liujialin.tech/" target="_blank">Dr. Liu</a> and <a href="https://yannakakis.net/"
+      target="_blank">Prof. Yannakakis</a>.</div>
 
-<br><br>
+  <br><br>
 
   <!-- Footer mx-auto -->
   <footer class="py-5 bg-dark">
@@ -319,8 +222,10 @@ function validateForm() {
           <img class="img-fluid" alt="" src="../templates/Web/Wechat.png" style="width: 100px;">
       </div> -->
         <div class="col-md-10 column">
-          <div class="col-xl-3 justify-content-center" style="margin: auto" align="center"><a href="/privacy" style="cursor:pointer; color: white;" target="_blank">Privacy Policy</a> </div>
-          <div class="col-xl-3 justify-content-center text-white" style="margin: auto" align="center">Copyright © Jialin Liu</div>
+          <div class="col-xl-3 justify-content-center" style="margin: auto" align="center"><a href="/privacy"
+              style="cursor:pointer; color: white;" target="_blank">Privacy Policy</a> </div>
+          <div class="col-xl-3 justify-content-center text-white" style="margin: auto" align="center">Copyright © Jialin
+            Liu</div>
 
         </div>
 
diff --git a/templates/Privacy.html b/templates/Privacy.html
index a1f8b3a..cfae1e9 100644
--- a/templates/Privacy.html
+++ b/templates/Privacy.html
@@ -3,7 +3,8 @@
 <html lang="en">
 <script
   id="allow-copy_script">(function t() { var t = !1; document.addEventListener("allow_copy", (function (n) { t = n.detail.unlock })); var n = ["copy", "cut", "contextmenu", "selectstart", "mousedown", "mouseup", "mousemove", "keydown", "keypress", "keyup"], e = function (n) { t && (n.stopPropagation(), n.stopImmediatePropagation && n.stopImmediatePropagation()) }; n.forEach((function (t) { document.documentElement.addEventListener(t, e, { capture: !0 }) })) })()</script>
-  <script src="../templates/Web/jquery.min.js"></script>
+<script src="../templates/Web/jquery.min.js"></script>
+
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
@@ -28,8 +29,6 @@
   <link href="../templates/Web/css2" rel="stylesheet">
 
   <style>
-
-
     #funding:hover+#prove {
       display: block;
     }
@@ -60,7 +59,7 @@
 
 <body id="aingames">
 
-<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
+  <svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
     <symbol id="icon-more" viewBox="0 0 1789 1024">
       <path
         d="M658.96035216 613.49779716h-602.64317146c-5.28634405 9.51541883-9.51541883 21.14537441-13.74449354 30.66079315h602.64317154c3.17180628-9.51541883 7.40088094-20.08810594 13.74449346-30.66079315zM54.20264274 801.69162966c7.40088094 10.57268718 14.80176191 21.14537441 24.31718079 30.66079315h602.64317241c-9.51541883-10.57268718-16.91629967-20.08810594-24.31718063-30.66079315h-602.64317257zM794.29074875 425.30396468h-602.64317156c-9.51541883 9.51541883-19.03083652 20.08810594-28.54625532 30.66079311h602.6431716c9.51541883-9.51541883 19.03083652-20.08810594 28.54625528-30.66079311zM1396.93392025 484.51101309c12.687225 0 24.31718064-10.57268718 24.31718064-24.31718062 0-13.74449341-11.62995564-24.31718064-24.31718054-24.31718059-13.74449341 0-24.31718064 10.57268718-24.31718069 24.31718059 0 13.74449341 11.62995564 24.31718064 24.31718069 24.31718062z">
@@ -121,34 +120,49 @@
       <br>
       <br>
 
-      <h4 >
-        We are committed to protecting the privacy of our users and ensuring that any data we collect is used only for the purposes of academic usage. As part of this commitment, we collect and use anonymous age, gender, and play behavior data. This policy outlines how we collect and use this data. Participation is voluntary. Participants can choose not to answer a question, or quit anytime.
+      <h4>
+        We are committed to protecting the privacy of our users and ensuring that any data we collect is used only for
+        the purposes of academic usage. As part of this commitment, we collect and use anonymous age, gender, and play
+        behavior data. This policy outlines how we collect and use this data. Participation is voluntary. Participants
+        can choose not to answer a question, or quit anytime.
       </h4>
       <br>
-    <h5>Data Collection</h5>
-        <p>We collect anonymous age, gender, and play behavior data through our games. This data is collected automatically when participants interact with our designed game, and is used to help us understand how our game are being played and gamer research. IP address and any kind of location information will not be collected.</p>
-        <h5>Data Use</h5>
-        <p>The anonymous data we collect is used only for the game user research. We do not link this data to any personally identifiable information, and we do not use it for marketing purposes.</p>
-        <h5>User Rights</h5>
-        <p>As this data is anonymous, it cannot be used to identify individual users. However, if you have any questions or concerns about our data collection and use practices, please contact us at 8143151122_AT_163.com. We are committed to being transparent about our data collection and use practices and will do our best to address any concerns you may have.</p>
-       <br>
+      <h5>Data Collection</h5>
+      <p>We collect anonymous age, gender, and play behavior data through our games. This data is collected
+        automatically when participants interact with our designed game, and is used to help us understand how our game
+        are being played and gamer research. IP address and any kind of location information will not be collected.</p>
+      <h5>Data Use</h5>
+      <p>The anonymous data we collect is used only for the game user research. We do not link this data to any
+        personally identifiable information, and we do not use it for marketing purposes.</p>
+      <h5>User Rights</h5>
+      <p>As this data is anonymous, it cannot be used to identify individual users. However, if you have any questions
+        or concerns about our data collection and use practices, please contact us at 8143151122_AT_163.com. We are
+        committed to being transparent about our data collection and use practices and will do our best to address any
+        concerns you may have.</p>
+      <br>
 
-        <h4>By playing our games, you consent to the collection and use of anonymous age, gender, and play behavior data as outlined in this policy. If you do not agree with this policy, please do not play.</h4>
+      <h4>By playing our games, you consent to the collection and use of anonymous age, gender, and play behavior data
+        as outlined in this policy. If you do not agree with this policy, please do not play.</h4>
 
 
     </div>
 
 
-  <div class="col-xl-8" style="margin:auto;">
+    <div class="col-xl-8" style="margin:auto;">
       <img src="../templates/Web/sustc.png" height="200">
       <img src="../templates/Web/Malta.png" height="200">
-  </div>
+    </div>
 
   </section>
 
-<div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This page is created by <a href="https://github.com/BigJIU">Haocheng Du</a>, <a href="https://doveliyuchen.github.io">Yuchen Li</a>; game content is generated by <b>AI </b>designed by<a href="https://github.com/PneuC"> Ziqi Wang</a>.<br> This project is supported by <a href="http://www.liujialin.tech/">Dr. Liu</a> and <a href="https://yannakakis.net/">Prof. Yannakakis</a>.</div>
+  <div class="col-xl-7 justify-content-between align-content-center" style="margin: auto">This platform is created by <a
+      href="https://github.com/BigJIU" target="_blank">Haocheng Du</a>, <a href="https://doveliyuchen.github.io"
+      target="_blank">Yuchen Li</a>; game content is generated by <b>procedural content generation (PCG) </b>techniques developed by <a
+      href="https://github.com/PneuC" target="_blank">Ziqi Wang</a>.<br> This project is supported by <a
+      href="http://www.liujialin.tech/" target="_blank">Dr. Liu</a> and <a href="https://yannakakis.net/"
+      target="_blank">Prof. Yannakakis</a>.</div>
 
-<br><br>
+  <br><br>
 
 
   <!-- Footer mx-auto -->
