Update templates/index.html

templates/index.html

@@ -62,7 +62,7 @@
 
     <main class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6">
         <div class="card">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">1. 當日社群貼文情緒</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">1. 當日候選人社群情緒比例</h2>
             <div class="chart-container">
                 <img src="data:image/png;base64,{img_b64_today}" alt="當日社群情緒比例">
             </div>
@@ -78,38 +78,44 @@
             {engagement_table}
         </div>
         <div class="card">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">4. 社群情感趨勢圖</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">4. 社群整體情緒趨勢</h2>
             <div class="chart-container">
                 <img src="data:image/png;base64,{img_social_sentiment}" alt="社群情感趨勢">
             </div>
         </div>
         <div class="card">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">5. 各平台表現</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">5. 各平台貼文聲量</h2>
             <div class="chart-container">
                 <img src="data:image/png;base64,{img_platform_performance}" alt="各平台表現">
             </div>
         </div>
         <div class="card">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">6. 候選人社群量趨勢</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">6. 候選人貼文聲量趨勢</h2>
             <div class="chart-container">
-                <img src="data:image/png;base64,{img_candidate_volume}" alt="候選人社群量趨勢">
+                <img src="data:image/png;base64,{img_candidate_volume}" alt="候選人貼文聲量趨勢">
             </div>
         </div>
         <div class="card">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">7. 候選人社群量分析（正/負面情緒）</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">7. 候選人貼文情緒分析</h2>
             <div class="chart-container">
                 <img src="data:image/png;base64,{img_candidate_sentiment}" alt="候選人社群情緒分析">
             </div>
         </div>
         <div class="card md:col-span-2">
-            <h2 class="text-lg sm:text-xl font-semibold mb-4">8. 知識圖譜</h2>
+            <h2 class="text-lg sm:text-xl font-semibold mb-4">8. 候選人關係知識圖譜</h2>
             <div class="chart-container">
                 <img src="data:image/png;base64,{img_knowledge_graph}" alt="知識圖譜">
             </div>
         </div>
         <div class="card md:col-span-2">
             <h2 class="text-lg sm:text-xl font-semibold mb-4">9. 新聞議題統計</h2>
-            <p class="mb-2">各類別新聞數量: {news_summary}</p>
+            <div class="mb-2">
+                <ul class="list-disc pl-5 text-gray-700">
+                    {% for k,v in news_summary.items() %}
+                        <li><span class="font-semibold">{{k}}</span>：{{v}}</li>
+                    {% endfor %}
+                </ul>
+            </div>
             {news_table}
         </div>
     </main>