bcbae992a3
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.
105 lines
3.0 KiB
HTML
105 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>赞助人名单 - 多主题大屏展示</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
/>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="theme-default">
|
|
<div class="container">
|
|
<div class="theme-panel">
|
|
<div
|
|
class="theme-btn theme-default active"
|
|
data-theme="default"
|
|
title="深海蓝主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-light-btn"
|
|
data-theme="light"
|
|
title="浅色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-purple-btn"
|
|
data-theme="purple"
|
|
title="深紫主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-green-btn"
|
|
data-theme="green"
|
|
title="绿色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-red-btn"
|
|
data-theme="red"
|
|
title="红色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-orange-btn"
|
|
data-theme="orange"
|
|
title="橙色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-pink-btn"
|
|
data-theme="pink"
|
|
title="粉色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-gold-btn"
|
|
data-theme="gold"
|
|
title="金色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-tech-btn"
|
|
data-theme="tech"
|
|
title="科技蓝主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-dark-minimal-btn"
|
|
data-theme="dark-minimal"
|
|
title="深色简约"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-sunset-btn"
|
|
data-theme="sunset"
|
|
title="日落主题"
|
|
></div>
|
|
</div>
|
|
|
|
<div class="header">
|
|
<h1>赞助人名单</h1>
|
|
<!-- <p class="subtitle">衷心感谢以下企业及个人的慷慨赞助</p> -->
|
|
<div class="stats">
|
|
<!-- <div id="totalSponsors"><i class="fas fa-users"></i> 赞助单位: 0</div> -->
|
|
<div id="totalAmount"><i class="fas fa-coins"></i> 总金额: RM 0</div>
|
|
<!-- <div id="totalSeats"><i class="fas fa-chair"></i> 席位总数: 0</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<div class="section">
|
|
<h2>赞助金额</h2>
|
|
<div class="scroll-container">
|
|
<div class="scroll-content" id="moneyList"></div>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<h2>席位赞助</h2>
|
|
<div class="scroll-container">
|
|
<div class="scroll-content" id="seatList"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p id="footerText">感谢所有赞助商对本次活动的大力支持 | 2023年</p>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|