Make translation tooltip work

app/static/js/highlight.js

@@ -114,12 +114,12 @@ function showWordMeaning(event) {
                 return;
             }
 
-
-
             tooltip.textContent = data.translation || '没有找到该单词的中文意思';
             tooltip.style.left = `${tooltipX}px`;
             tooltip.style.top = `${tooltipY}px`;
             tooltip.style.display = 'block';
+	    tooltip.style.position = 'absolute';
+	    tooltip.style.background = 'yellow';
 
             // 可以在这里添加点击事件监听器来隐藏tooltip，但注意避免内存泄漏
             document.addEventListener('click', function handler(e) {
@@ -141,4 +141,4 @@ function addClickEventToHighlightedWords() {
     });
 }
 
-showBtnHandler();
+showBtnHandler();

app/templates/userpage_get.html

@@ -107,6 +107,7 @@
                 <button onclick="toggle_visibility('answer');">ANSWER</button>
                 <div id="answer" style="display:none;">{{ today_article['answer'] }}</div><br/>
             </div>
+	    <div id="tooltip"></div>
         </div>
         <div class="alert alert-success" role="alert" id="not_found" style="display:none;">
             <p class="text-muted"><span class="badge bg-success">Notes:</span><br>No article is currently available for you. You can try again a few times or mark new words in the passage to improve your level.</p>

requirements.txt

@@ -4,5 +4,5 @@ PyYAML~=6.0
 pony==0.7.16
 snowballstemmer==2.2.0
 Werkzeug==2.2.2
-
-pytest~=8.1.1
+requests
+pytest~=8.1.1