Skip to content

Commit f25926d

Browse files
author
GitHub Assistant
committed
feat: 初始化官网页面
0 parents  commit f25926d

1 file changed

Lines changed: 225 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 225 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,225 @@
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>Flying Bird Wallpaper - 飞鸟壁纸</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: 'Helvetica Neue', Arial, sans-serif;
16+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17+
color: #fff;
18+
min-height: 100vh;
19+
overflow-x: hidden;
20+
}
21+
22+
.container {
23+
max-width: 1200px;
24+
margin: 0 auto;
25+
padding: 20px;
26+
min-height: 100vh;
27+
display: flex;
28+
flex-direction: column;
29+
}
30+
31+
header {
32+
text-align: center;
33+
padding: 40px 0;
34+
}
35+
36+
.logo {
37+
width: 120px;
38+
height: 120px;
39+
margin: 0 auto 20px;
40+
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
41+
}
42+
43+
h1 {
44+
font-size: 2.5rem;
45+
margin-bottom: 10px;
46+
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
47+
}
48+
49+
.subtitle {
50+
font-size: 1.2rem;
51+
opacity: 0.9;
52+
max-width: 600px;
53+
margin: 0 auto;
54+
line-height: 1.6;
55+
}
56+
57+
.features {
58+
display: grid;
59+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
60+
gap: 30px;
61+
margin: 50px 0;
62+
flex: 1;
63+
}
64+
65+
.feature-card {
66+
background: rgba(255, 255, 255, 0.1);
67+
backdrop-filter: blur(10px);
68+
border-radius: 15px;
69+
padding: 30px;
70+
text-align: center;
71+
transition: transform 0.3s ease, box-shadow 0.3s ease;
72+
border: 1px solid rgba(255, 255, 255, 0.2);
73+
}
74+
75+
.feature-card:hover {
76+
transform: translateY(-5px);
77+
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
78+
background: rgba(255, 255, 255, 0.15);
79+
}
80+
81+
.feature-icon {
82+
font-size: 2.5rem;
83+
margin-bottom: 20px;
84+
}
85+
86+
.feature-title {
87+
font-size: 1.3rem;
88+
margin-bottom: 15px;
89+
}
90+
91+
.feature-desc {
92+
font-size: 1rem;
93+
opacity: 0.8;
94+
line-height: 1.6;
95+
}
96+
97+
.download-section {
98+
text-align: center;
99+
padding: 50px 0;
100+
}
101+
102+
.download-btn {
103+
display: inline-block;
104+
background: #fff;
105+
color: #667eea;
106+
padding: 15px 40px;
107+
border-radius: 50px;
108+
text-decoration: none;
109+
font-weight: bold;
110+
font-size: 1.1rem;
111+
transition: all 0.3s ease;
112+
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
113+
border: none;
114+
cursor: pointer;
115+
}
116+
117+
.download-btn:hover {
118+
transform: translateY(-3px);
119+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
120+
background: #f8f9fa;
121+
}
122+
123+
footer {
124+
text-align: center;
125+
padding: 30px 0;
126+
opacity: 0.7;
127+
font-size: 0.9rem;
128+
}
129+
130+
@media (max-width: 768px) {
131+
.container {
132+
padding: 15px;
133+
}
134+
135+
h1 {
136+
font-size: 2rem;
137+
}
138+
139+
.subtitle {
140+
font-size: 1rem;
141+
}
142+
143+
.features {
144+
grid-template-columns: 1fr;
145+
gap: 20px;
146+
margin: 30px 0;
147+
}
148+
149+
.feature-card {
150+
padding: 20px;
151+
}
152+
153+
header {
154+
padding: 30px 0;
155+
}
156+
}
157+
</style>
158+
</head>
159+
<body>
160+
<div class="container">
161+
<header>
162+
<svg class="logo" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
163+
<defs>
164+
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
165+
<stop offset="0%" stop-color="#667eea" />
166+
<stop offset="100%" stop-color="#764ba2" />
167+
</linearGradient>
168+
<linearGradient id="birdGradient" x1="0%" y1="0%" x2="100%" y2="100%">
169+
<stop offset="0%" stop-color="#FF9A9E" />
170+
<stop offset="100%" stop-color="#FAD0C4" />
171+
</linearGradient>
172+
</defs>
173+
<rect width="256" height="256" fill="url(#bgGradient)" rx="50"/>
174+
<path d="M85 120 Q100 80 130 80 Q160 80 175 120 Q190 160 160 180 Q130 200 100 180 Q70 160 85 120 Z" fill="url(#birdGradient)"/>
175+
<circle cx="140" cy="110" r="8" fill="#333"/>
176+
<path d="M120 130 Q135 140 150 130" stroke="#333" stroke-width="3" fill="none"/>
177+
</svg>
178+
<h1>Flying Bird Wallpaper</h1>
179+
<p class="subtitle">飞鸟壁纸是一款功能丰富的桌面壁纸软件，支持图片、视频、律动、纯色等多种壁纸类型，让您的桌面焕发独特魅力。</p>
180+
</header>
181+
182+
<div class="features">
183+
<div class="feature-card">
184+
<div class="feature-icon">🖼️</div>
185+
<h3 class="feature-title">图片壁纸</h3>
186+
<p class="feature-desc">支持本地和网络图片作为壁纸，支持多种图片格式，让您的桌面更加个性化。</p>
187+
</div>
188+
189+
<div class="feature-card">
190+
<div class="feature-icon">🎬</div>
191+
<h3 class="feature-title">视频壁纸</h3>
192+
<p class="feature-desc">将MP4等格式的视频设置为动态桌面背景，让您的桌面充满活力。</p>
193+
</div>
194+
195+
<div class="feature-card">
196+
<div class="feature-icon">🎵</div>
197+
<h3 class="feature-title">律动壁纸</h3>
198+
<p class="feature-desc">结合音频节奏生成可视化动态效果，让壁纸随音乐节拍跳动。</p>
199+
</div>
200+
201+
<div class="feature-card">
202+
<div class="feature-icon">🌈</div>
203+
<h3 class="feature-title">纯色壁纸</h3>
204+
<p class="feature-desc">快速设置单色或渐变色背景，简洁而优雅，适合专注工作。</p>
205+
</div>
206+
207+
<div class="feature-card">
208+
<div class="feature-icon">🌐</div>
209+
<h3 class="feature-title">H5壁纸</h3>
210+
<p class="feature-desc">支持嵌入H5页面作为动态内容源，实现更加丰富的交互效果。</p>
211+
</div>
212+
</div>
213+
214+
<div class="download-section">
215+
<a href="https://github.com/OXOYO/Flying-Bird-Wallpaper/releases" class="download-btn" target="_blank">
216+
下载最新版本
217+
</a>
218+
</div>
219+
220+
<footer>
221+
<p>© 2025 OXOYO. Flying Bird Wallpaper. MIT License</p>
222+
</footer>
223+
</div>
224+
</body>
225+
</html>

0 commit comments

Comments
 (0)