From d0442ea75f932ce078f93c4f08ebc7f3624542a6 Mon Sep 17 00:00:00 2001
From: xiaomai <xiaomai@ramatex.com.my>
Date: Mon, 13 Oct 2025 08:23:56 +0800
Subject: [PATCH] feat(display): add chairman speech page and refine layouts

This commit introduces a new page for the Chairman of the Board's speech and includes several visual refinements for the
event display.

- Add `speech/3.html` to display the chairman's video.
- Update the committee member list.
- Adjust font sizes, colors, and element positioning on the main and committee list pages for better visual
presentation.
- Fine-tune background video placement and scaling.
---
 20251012/commitee-list/background.js |  2 +-
 20251012/commitee-list/commitee.js   |  1 -
 20251012/commitee-list/index.html    | 14 +++++++-------
 20251012/main/background.js          |  6 +++---
 20251012/main/index.html             |  8 ++++----
 20251012/speech/3.html               | 13 +++++++++++++
 6 files changed, 28 insertions(+), 16 deletions(-)
 create mode 100644 20251012/speech/3.html

diff --git a/20251012/commitee-list/background.js b/20251012/commitee-list/background.js
index 9f35fe7..966fd21 100644
--- a/20251012/commitee-list/background.js
+++ b/20251012/commitee-list/background.js
@@ -41,7 +41,7 @@
     // topOffset: -200,
     // scalePercent: 125
     leftMargin: 0,
-    topOffset: -200,
+    topOffset: -100,
     scalePercent: 125,
     rotationDeg: 0,
     opacityPercent: 100,
diff --git a/20251012/commitee-list/commitee.js b/20251012/commitee-list/commitee.js
index 3f90a73..ef80661 100644
--- a/20251012/commitee-list/commitee.js
+++ b/20251012/commitee-list/commitee.js
@@ -28,7 +28,6 @@ const members = [
   "张祥明",
   "黄升文",
   "陈照明",
-  "赵汶德",
   "陈世勇",
   "王畯杰",
   "黄伟宏",
diff --git a/20251012/commitee-list/index.html b/20251012/commitee-list/index.html
index 54cabe1..7b6e2a1 100644
--- a/20251012/commitee-list/index.html
+++ b/20251012/commitee-list/index.html
@@ -57,14 +57,14 @@
 
       <!-- 副标题描边层 -->
       <h2
-        class="absolute top-28 w-full text-center font-bai-ge text-6xl text-transparent [-webkit-text-stroke:4px_yellow]"
+        class="absolute top-28 w-full text-center font-bai-ge text-8xl text-transparent [-webkit-text-stroke:4px_white]"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
 
       <!-- 副标题实色层 -->
       <h2
-        class="absolute top-28 text-center w-full font-bai-ge text-6xl text-red-500"
+        class="absolute top-28 text-center w-full font-bai-ge text-8xl text-red-500"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
@@ -72,7 +72,7 @@
       <!-- 筹委会名单（右侧） -->
       <div
         id="committeeTable"
-        class="absolute right-8 top-48 bg-white/20 text-black rounded-3xl shadow-2xl backdrop-blur-xl p-6 font-tang-ying w-[1100px] border border-yellow-400/40"
+        class="absolute right-8 top-64 bg-white/20 text-white rounded-3xl shadow-2xl backdrop-blur-xl p-6 font-tang-ying w-[1100px] border border-yellow-400/40"
       >
         <h3
           class="text-6xl text-yellow-400 font-bai-ge mb-6 text-center drop-shadow-[0_0_8px_rgba(255,255,0,0.5)]"
@@ -82,7 +82,7 @@
 
         <div id="committeeBody" class="grid grid-cols-4 text-4xl leading-relaxed"></div>
 
-        <div class="mt-8">
+        <div class="mt-4">
           <h4
             class="text-4xl text-yellow-300 font-bai-ge mb-3 text-center drop-shadow-[0_0_6px_rgba(255,255,0,0.4)]"
           >
@@ -90,7 +90,7 @@
           </h4>
           <div
             id="committeeMembers"
-            class="grid grid-cols-6 gap-x-4 gap-y-2 text-3xl leading-relaxed text-center"
+            class="grid grid-cols-6 gap-x-4 gap-y-1 text-3xl leading-relaxed text-center"
           ></div>
         </div>
       </div>
@@ -108,7 +108,7 @@
 
       <!-- Controls 面板（可关闭） -->
       <div
-        class="absolute right-2 top-2 w-[320px] bg-white p-2 rounded-md hidden"
+        class="absolute right-2 top-2 w-[320px] bg-white text-black p-2 rounded-md hidden"
         id="controlsPanel"
         role="region"
         aria-label="视频抠像控制面板"
@@ -164,6 +164,6 @@
     </div>
 
     <script src="commitee.js"></script>
-    <script src="background.js"></script>
+    <script src="background.js?rnd=1"></script>
   </body>
 </html>
diff --git a/20251012/main/background.js b/20251012/main/background.js
index e1039a3..2e3ec36 100644
--- a/20251012/main/background.js
+++ b/20251012/main/background.js
@@ -40,9 +40,9 @@
     // leftMargin: 0,
     // topOffset: -200,
     // scalePercent: 125
-    leftMargin: 600,
-    topOffset: -200,
-    scalePercent: 125,
+    leftMargin: 650,
+    topOffset: 0,
+    scalePercent: 100,
     rotationDeg: 0,
     opacityPercent: 100,
   };
diff --git a/20251012/main/index.html b/20251012/main/index.html
index e1a550c..c869bdd 100644
--- a/20251012/main/index.html
+++ b/20251012/main/index.html
@@ -50,21 +50,21 @@
 
       <!-- 标题 -->
       <h1
-        class="absolute top-4 text-center w-full font-bai-ge text-8xl text-yellow-300"
+        class="absolute top-4 text-center w-full font-bai-ge text-7xl text-yellow-300"
       >
         永平赵子龙庙
       </h1>
 
       <!-- 副标题描边层 -->
       <h2
-        class="absolute top-28 w-full text-center font-bai-ge text-6xl text-transparent [-webkit-text-stroke:4px_yellow]"
+        class="absolute top-28 w-full text-center font-bai-ge text-8xl text-transparent [-webkit-text-stroke:4px_white]"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
 
       <!-- 副标题实色层 -->
       <h2
-        class="absolute top-28 text-center w-full font-bai-ge text-6xl text-red-500"
+        class="absolute top-28 text-center w-full font-bai-ge text-8xl text-red-500"
       >
         庆祝赵子龙元帅暨众神圣诞千秋
       </h2>
@@ -115,7 +115,7 @@
 
       <!-- Controls 面板（可关闭） -->
       <div
-        class="absolute right-2 top-2 w-[320px] bg-white p-2 rounded-md hidden"
+        class="absolute right-2 top-2 w-[320px] bg-white text-black p-2 rounded-md hidden"
         id="controlsPanel"
         role="region"
         aria-label="视频抠像控制面板"
diff --git a/20251012/speech/3.html b/20251012/speech/3.html
new file mode 100644
index 0000000..554f2c2
--- /dev/null
+++ b/20251012/speech/3.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>理事会主席</title>
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <script src="../scripts/nav.js"></script>
+</head>
+<body>
+    <video src="../assets/理事会主席.mp4" class="w-full" autoplay loop muted></video>
+</body>
+</html>
\ No newline at end of file