Skip to content

Commit 6573692

Browse files
PythonnotJavaPythonnotJava
committed
NEW
1 parent ea346bf commit 6573692

1 file changed

Lines changed: 238 additions & 0 deletions

File tree

‎extend/remindai/sponsor.html‎

Lines changed: 238 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,238 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>赞助 RemindAI - Sponsor</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
16+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17+
min-height: 100vh;
18+
display: flex;
19+
align-items: center;
20+
justify-content: center;
21+
padding: 20px;
22+
}
23+
24+
.container {
25+
background: white;
26+
border-radius: 20px;
27+
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
28+
max-width: 800px;
29+
width: 100%;
30+
padding: 60px 40px;
31+
text-align: center;
32+
animation: fadeIn 0.6s ease-out;
33+
}
34+
35+
@keyframes fadeIn {
36+
from {
37+
opacity: 0;
38+
transform: translateY(20px);
39+
}
40+
to {
41+
opacity: 1;
42+
transform: translateY(0);
43+
}
44+
}
45+
46+
.logo {
47+
width: 80px;
48+
height: 80px;
49+
margin: 0 auto 20px;
50+
animation: float 3s ease-in-out infinite;
51+
}
52+
53+
@keyframes float {
54+
0%, 100% { transform: translateY(0px); }
55+
50% { transform: translateY(-10px); }
56+
}
57+
58+
h1 {
59+
font-size: 2.5rem;
60+
color: #2d3748;
61+
margin-bottom: 10px;
62+
font-weight: 700;
63+
}
64+
65+
.subtitle {
66+
font-size: 1.1rem;
67+
color: #718096;
68+
margin-bottom: 40px;
69+
line-height: 1.6;
70+
}
71+
72+
.description {
73+
font-size: 1rem;
74+
color: #4a5568;
75+
margin-bottom: 50px;
76+
line-height: 1.8;
77+
max-width: 600px;
78+
margin-left: auto;
79+
margin-right: auto;
80+
}
81+
82+
.qr-container {
83+
display: flex;
84+
justify-content: center;
85+
gap: 60px;
86+
flex-wrap: wrap;
87+
margin-bottom: 40px;
88+
}
89+
90+
.qr-item {
91+
text-align: center;
92+
transition: transform 0.3s ease;
93+
}
94+
95+
.qr-item:hover {
96+
transform: translateY(-5px);
97+
}
98+
99+
.qr-item img {
100+
width: 200px;
101+
height: 200px;
102+
border-radius: 12px;
103+
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
104+
margin-bottom: 15px;
105+
border: 3px solid #f7fafc;
106+
transition: box-shadow 0.3s ease;
107+
}
108+
109+
.qr-item:hover img {
110+
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
111+
}
112+
113+
.qr-label {
114+
font-size: 1.1rem;
115+
font-weight: 600;
116+
color: #2d3748;
117+
display: flex;
118+
align-items: center;
119+
justify-content: center;
120+
gap: 8px;
121+
}
122+
123+
.wechat-icon {
124+
color: #09bb07;
125+
}
126+
127+
.alipay-icon {
128+
color: #1677ff;
129+
}
130+
131+
.footer {
132+
margin-top: 50px;
133+
padding-top: 30px;
134+
border-top: 1px solid #e2e8f0;
135+
}
136+
137+
.footer-text {
138+
font-size: 0.95rem;
139+
color: #718096;
140+
margin-bottom: 15px;
141+
}
142+
143+
.github-link {
144+
display: inline-flex;
145+
align-items: center;
146+
gap: 8px;
147+
padding: 12px 24px;
148+
background: #2d3748;
149+
color: white;
150+
text-decoration: none;
151+
border-radius: 8px;
152+
font-weight: 500;
153+
transition: background 0.3s ease;
154+
}
155+
156+
.github-link:hover {
157+
background: #1a202c;
158+
}
159+
160+
.heart {
161+
color: #e53e3e;
162+
animation: heartbeat 1.5s ease-in-out infinite;
163+
}
164+
165+
@keyframes heartbeat {
166+
0%, 100% { transform: scale(1); }
167+
10%, 30% { transform: scale(0.9); }
168+
20%, 40% { transform: scale(1.1); }
169+
}
170+
171+
@media (max-width: 768px) {
172+
.container {
173+
padding: 40px 20px;
174+
}
175+
176+
h1 {
177+
font-size: 2rem;
178+
}
179+
180+
.qr-container {
181+
gap: 40px;
182+
}
183+
184+
.qr-item img {
185+
width: 180px;
186+
height: 180px;
187+
}
188+
}
189+
</style>
190+
</head>
191+
<body>
192+
<div class="container">
193+
<img src="snapshots/logos/logo_egg.png" alt="RemindAI Logo" class="logo">
194+
195+
<h1>💚 赞助 RemindAI</h1>
196+
197+
<p class="subtitle">
198+
感谢您对开源项目的支持！
199+
</p>
200+
201+
<p class="description">
202+
RemindAI 是一个完全开源的桌面 AI 助手，致力于为大模型提供完整的工具外壳。<br>
203+
您的赞助将帮助我们持续改进项目、添加新功能、维护文档，让 AI 真正走出对话框。
204+
</p>
205+
206+
<div class="qr-container">
207+
<div class="qr-item">
208+
<img src="snapshots/sponsor/wechat.jpg" alt="微信赞赏码">
209+
<div class="qr-label">
210+
<span class="wechat-icon">💚</span>
211+
<span>微信赞赏</span>
212+
</div>
213+
</div>
214+
215+
<div class="qr-item">
216+
<img src="snapshots/sponsor/alipay.jpg" alt="支付宝赞赏码">
217+
<div class="qr-label">
218+
<span class="alipay-icon">🔵</span>
219+
<span>支付宝赞赏</span>
220+
</div>
221+
</div>
222+
</div>
223+
224+
<div class="footer">
225+
<p class="footer-text">
226+
开发不易，您的支持是我们最大的动力 <span class="heart">❤️</span>
227+
</p>
228+
229+
<a href="https://github.com/PythonnotJava/RemindAI" class="github-link" target="_blank">
230+
<svg width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
231+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
232+
</svg>
233+
<span>返回 GitHub</span>
234+
</a>
235+
</div>
236+
</div>
237+
</body>
238+
</html>

0 commit comments

Comments
 (0)