Skip to content

Commit 178176b

Browse files
ProMetaDevProMetaDev
authored
Add files via upload
0 parents  commit 178176b

1 file changed

Lines changed: 146 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 146 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,146 @@
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>Fairy 的百宝箱</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: "Segoe UI", Roboto, sans-serif;
16+
background-color: #121212;
17+
color: #e0e0e0;
18+
padding: 2rem 1rem;
19+
max-width: 1000px;
20+
margin: 0 auto;
21+
line-height: 1.6;
22+
}
23+
24+
header {
25+
text-align: center;
26+
margin-bottom: 3rem;
27+
}
28+
29+
header h1 {
30+
font-size: 2.4rem;
31+
margin-bottom: 0.5rem;
32+
color: #fff;
33+
}
34+
35+
header p {
36+
color: #aaa;
37+
font-size: 1.1rem;
38+
}
39+
40+
.github-link {
41+
display: inline-block;
42+
margin-top: 1rem;
43+
color: #fff;
44+
background-color: #1f1f1f;
45+
padding: 0.6rem 1.2rem;
46+
border-radius: 8px;
47+
text-decoration: none;
48+
border: 1px solid #333;
49+
transition: 0.2s;
50+
}
51+
52+
.github-link:hover {
53+
background-color: #2d2d2d;
54+
border-color: #555;
55+
}
56+
57+
.projects {
58+
display: grid;
59+
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
60+
gap: 1.5rem;
61+
}
62+
63+
.card {
64+
background-color: #1e1e1e;
65+
border-radius: 12px;
66+
padding: 1.5rem;
67+
border: 1px solid #2a2a2a;
68+
transition: 0.2s;
69+
}
70+
71+
.card:hover {
72+
transform: translateY(-4px);
73+
border-color: #444;
74+
}
75+
76+
.card h3 {
77+
font-size: 1.3rem;
78+
margin-bottom: 0.8rem;
79+
color: #fff;
80+
}
81+
82+
.card p {
83+
color: #bbb;
84+
margin-bottom: 1rem;
85+
font-size: 0.95rem;
86+
}
87+
88+
.card a {
89+
color: #66b3ff;
90+
text-decoration: none;
91+
font-weight: 500;
92+
}
93+
94+
.card a:hover {
95+
text-decoration: underline;
96+
}
97+
98+
footer {
99+
text-align: center;
100+
margin-top: 4rem;
101+
color: #666;
102+
font-size: 0.9rem;
103+
}
104+
</style>
105+
</head>
106+
107+
<body>
108+
<header>
109+
<h1>Fairy 的百宝箱</h1>
110+
<p>技术练习与作品合集</p>
111+
<a href="https://github.com/ProMetaDev" target="_blank" class="github-link">
112+
GitHub
113+
</a>
114+
</header>
115+
116+
<main class="projects">
117+
<div class="card">
118+
<h3>项目以及小工具</h3>
119+
<p>这里包含Fairy自制的好玩的小工具：）</p>
120+
<a href="#">开始参观 →</a>
121+
</div>
122+
123+
<div class="card">
124+
<h3>机器学习模型</h3>
125+
<p>构建分类与回归模型，数据处理、训练、评估与可视化。</p>
126+
<a href="#">查看项目 →</a>
127+
</div>
128+
129+
<div class="card">
130+
<h3>Fairy的成就栏</h3>
131+
<p>记录Fairy获得的巨大进步</p>
132+
<a href="#">查看成就 →</a>
133+
</div>
134+
135+
<div class="card">
136+
<h3>算法与代码模板</h3>
137+
<p>Fairy对常用算法实现、代码模板库与测试用例整理。</p>
138+
<a href="#">查看项目 →</a>
139+
</div>
140+
</main>
141+
142+
<footer>
143+
© 2026 fairy | 个人作品展示站
144+
</footer>
145+
</body>
146+
</html>

0 commit comments

Comments
 (0)