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:
@@ -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"
|
||||
}
|
||||
]
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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" /> -->
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user