From 6d15b65e3cd946ae0aff242bdf18412ea6f113d1 Mon Sep 17 00:00:00 2001
From: Lan Hui <1348141770@qq.com>
Date: Thu, 10 Aug 2023 19:09:15 +0800
Subject: [PATCH] Make highlighting text difficulty level work.

---
 app/templates/userpage_get.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/templates/userpage_get.html b/app/templates/userpage_get.html
index 28cc926..d5fb72e 100644
--- a/app/templates/userpage_get.html
+++ b/app/templates/userpage_get.html
@@ -65,7 +65,7 @@
     <p><b>阅读文章并回答问题</b></p>
     <div id="text-content">
         <div id="found">
-            <div class="alert alert-success" role="alert">According to your word list, your level is <span class="badge bg-success" id="user-level">{{ today_article["user_level"] }}</span>  and we have chosen an article with a difficulty level of <span class="badge bg-success" id="text_level">{{ today_article["text_level"] }}</span> for you.</div>
+            <div class="alert alert-success" role="alert">According to your word list, your level is <span class="text-decoration-underline" id="user-level">{{ today_article["user_level"] }}</span>  and we have chosen an article with a difficulty level of <span class="text-decoration-underline" id="text_level">{{ today_article["text_level"] }}</span> for you.</div>
                 <p class="text-muted" id="date">Article added on: {{ today_article["date"] }}</p><br/>
             <div class="p-3 mb-2 bg-light text-dark" style="margin: 0 0.5%;"><br/>
             <p class="display-6" id="article_title">{{ today_article["article_title"] }}</p><br/>
@@ -202,9 +202,8 @@
         $('#source').html(today_article['source']);
         $('#question').html(today_article["question"]);
         $('#answer').html(today_article["answer"]);
-        document.querySelector('#text_level').classList.add('display-5'); // enlarge text difficult level for one second
-
-        setTimeout(() => document.querySelector('#text_level').classList.remove('display-5'), 800);
+        document.querySelector('#text_level').classList.add('mark'); // highlight text difficult level for 2 seconds
+        setTimeout(() => {document.querySelector('#text_level').classList.remove('mark');}, 2000);
     }
 <!-- 检查是否存在上一篇或下一篇，不存在则对应按钮隐藏-->
     function check_pre(visited_articles){