feat(sponsor-list): implement new design with animated canvas background

This commit introduces a completely redesigned sponsor list page. The previous two-column layout is replaced with a
modern, single-column auto-scrolling list that unifies all sponsors. A dynamic canvas animation has been added to the
background for a more engaging visual experience. Previous versions of the page have been archived. This update also
includes data corrections for sponsor names and minor fixes to the related PPT assets.
This commit is contained in:
xiaomai
2025-09-16 23:48:44 +08:00
parent 71b2dcf0a5
commit bcbae992a3
16 changed files with 612 additions and 350 deletions

View File

@@ -1,16 +1,10 @@
{
"manifest": "/templates/manifest.json",
"manifest": "./templates/manifest.json",
"slides": [
{
"type": "cover",
"template": "cover",
"data": {
"title": "柔佛永平关圣公联谊会",
"subtitle": "筹募活动基金联欢晚会",
"date": "2025年9月16日",
"location": "永平富华冷气酒家"
},
"background": "https://picsum.photos/1920/1080?grayscale"
"background": "./images/Background.jpg"
},
{
"type": "speech",
@@ -22,7 +16,7 @@
"avatar": "images/林添顺.jpg",
"bio": "马华公会MCA领袖现任柔佛州永平区州议员兼州行政议会卫生及环境委员会主席。青年政治人物积极推动民生与公共服务改善关注教育、环境及社区发展。"
},
"background": "https://picsum.photos/1920/1080?grayscale&random=1",
"background": "./images/blank.jpg",
"overrideCss": "overrides/zhanghua.css"
},
{
@@ -34,7 +28,7 @@
"avatar": "images/关圣公致辞2.jpg",
"bio": "嘉宾介绍"
},
"background": "https://picsum.photos/1920/1080?grayscale&random=2",
"background": "./images/blank.jpg",
"overrideCss": "overrides/limei.css"
}
]

View File

@@ -3,7 +3,7 @@
height: 100%;
display: flex;
position: relative;
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
/* background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)); */
}
.cover-inner {

View File

@@ -1,10 +1,10 @@
<div class="tpl-cover">
<div class="cover-inner container-sm">
<!-- <div class="cover-inner container-sm">
<h1 class="cover-title middle">{{title}}</h1>
<p class="cover-sub middle">{{subtitle}}</p>
<div class="cover-date middle">{{date}}</div>
<div class="cover-location middle">{{location}}</div>
</div>
</div> -->
</div>
<!-- 模板级样式会被 loader 注入到 head -->
<!-- <link rel="stylesheet" href="/templates/cover.css" /> -->

View File

@@ -17,8 +17,9 @@
width: 90%;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 215, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.08);
position: relative;
position: absolute;
overflow: hidden;
top: 50%;
}
.speech-card::before {