-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsponsors.html
83 lines (72 loc) · 3.63 KB
/
sponsors.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Legacy Lands Sponsors</title>
<link rel="icon" type="image/png" href="assets/legacy-lands-logo.png">
<link rel="apple-touch-icon" href="assets/legacy-lands-logo.png">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="sponsors.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Noto+Serif+SC:wght@300;500;700&display=swap"
rel="stylesheet">
</head>
<body>
<nav>
<a href="index.html" class="logo">Legacy Lands</a>
<div class="language-switch">
<button class="lang-btn">
<span class="lang-text">中文</span>
<svg width="16" height="16" viewBox="0 0 24 24">
<path fill="#ffffff" d="M7 10l5 5 5-5z" />
</svg>
</button>
</div>
</nav>
<canvas id="bgCanvas"></canvas>
<div class="sponsors-container">
<h1 class="sponsors-title" data-i18n="sponsors.title">Our Sponsors</h1>
<p class="sponsors-subtitle" data-i18n="sponsors.subtitle">Thank you for your support!</p>
<!-- 赞助等级分类 -->
<div class="sponsor-tiers">
<button class="tier-btn active" data-tier="all" data-i18n="sponsors.tiers.all">All</button>
<button class="tier-btn" data-tier="diamond" data-i18n="sponsors.tiers.diamond">Diamond</button>
<button class="tier-btn" data-tier="gold" data-i18n="sponsors.tiers.gold">Gold</button>
<button class="tier-btn" data-tier="silver" data-i18n="sponsors.tiers.silver">Silver</button>
<button class="tier-btn" data-tier="bronze" data-i18n="sponsors.tiers.bronze">Bronze</button>
</div>
<!-- 搜索框 -->
<div class="search-container">
<input type="text" id="sponsorSearch" data-i18n-placeholder="sponsors.search"
placeholder="Search sponsors...">
<svg class="search-icon" width="24" height="24" viewBox="0 0 24 24">
<path fill="#808080"
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />
</svg>
</div>
<!-- 赞助者网格 -->
<div class="sponsors-grid">
<!-- 赞助者卡片会通过 JavaScript 动态添加 -->
</div>
<!-- 添加赞助按钮 -->
<div class="sponsor-us-section">
<a href="https://afdian.com/a/LegacyLands" target="_blank" class="sponsor-us-btn">
<svg class="heart-icon" width="24" height="24" viewBox="0 0 24 24">
<path fill="#ffffff"
d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
</svg>
<span data-i18n="sponsors.sponsorButton">Sponsor Us</span>
</a>
</div>
<div class="footer">
<p data-i18n="sponsors.footer">© 2024 Legacy Lands Studio. All rights reserved.</p>
</div>
</div>
<script src="sponsors-animation.js"></script>
<script src="language.js"></script>
<script src="sponsors.js"></script>
</body>
</html>