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.
This commit is contained in:
xiaomai
2025-10-13 08:23:56 +08:00
parent eb4ca98763
commit d0442ea75f
6 changed files with 28 additions and 16 deletions

View File

@@ -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>