Skip to content

Commit 4eb93c1

Browse files
ChenZiHong-GavinChenZiHong-Gavin
committed
docs: add index.html
1 parent 0d5befa commit 4eb93c1

File tree

1 file changed

+161
-0
lines changed

1 file changed

+161
-0
lines changed

‎index.html‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
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>Weekly Vibe Coding - 一百个创意应用</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
body {
14+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
15+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
16+
min-height: 100vh;
17+
display: flex;
18+
align-items: center;
19+
justify-content: center;
20+
padding: 20px;
21+
}
22+
.container {
23+
background: white;
24+
border-radius: 20px;
25+
padding: 40px;
26+
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
27+
text-align: center;
28+
max-width: 900px;
29+
width: 100%;
30+
}
31+
h1 {
32+
color: #333;
33+
margin-bottom: 20px;
34+
font-size: 2.5rem;
35+
}
36+
.subtitle {
37+
color: #666;
38+
margin-bottom: 40px;
39+
font-size: 1.2rem;
40+
}
41+
.deployment-info {
42+
background: #f0f8ff;
43+
border-left: 4px solid #667eea;
44+
padding: 20px;
45+
margin-bottom: 30px;
46+
text-align: left;
47+
border-radius: 8px;
48+
}
49+
.deployment-info h3 {
50+
color: #333;
51+
margin-bottom: 10px;
52+
}
53+
.deployment-info p {
54+
color: #666;
55+
line-height: 1.6;
56+
}
57+
.apps-grid {
58+
display: grid;
59+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
60+
gap: 25px;
61+
margin-top: 30px;
62+
}
63+
.app-card {
64+
background: #f8f9fa;
65+
border-radius: 15px;
66+
padding: 30px 20px;
67+
text-decoration: none;
68+
color: #333;
69+
transition: all 0.3s ease;
70+
border: 2px solid transparent;
71+
position: relative;
72+
overflow: hidden;
73+
}
74+
.app-card:hover {
75+
transform: translateY(-5px);
76+
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
77+
border-color: #667eea;
78+
}
79+
.app-card::before {
80+
content: '';
81+
position: absolute;
82+
top: 0;
83+
left: 0;
84+
right: 0;
85+
height: 4px;
86+
background: linear-gradient(90deg, #667eea, #764ba2);
87+
}
88+
.app-icon {
89+
font-size: 3.5rem;
90+
margin-bottom: 15px;
91+
}
92+
.app-title {
93+
font-size: 1.4rem;
94+
font-weight: 600;
95+
margin-bottom: 10px;
96+
}
97+
.app-desc {
98+
color: #666;
99+
font-size: 0.95rem;
100+
line-height: 1.5;
101+
}
102+
.app-status {
103+
display: inline-block;
104+
padding: 4px 12px;
105+
border-radius: 20px;
106+
font-size: 0.8rem;
107+
font-weight: 500;
108+
margin-top: 10px;
109+
}
110+
.status-live {
111+
background: #e8f5e8;
112+
color: #2d5a2d;
113+
}
114+
.status-coming {
115+
background: #fff3cd;
116+
color: #856404;
117+
}
118+
.coming-soon {
119+
opacity: 0.7;
120+
cursor: not-allowed;
121+
}
122+
.coming-soon:hover {
123+
transform: none;
124+
box-shadow: none;
125+
border-color: transparent;
126+
}
127+
.footer {
128+
margin-top: 40px;
129+
padding-top: 20px;
130+
border-top: 1px solid #eee;
131+
color: #999;
132+
font-size: 0.9rem;
133+
}
134+
</style>
135+
</head>
136+
<body>
137+
<div class="container">
138+
<h1>🎯 Weekly Vibe Coding</h1>
139+
<p class="subtitle">用提示词实现一百个创意应用</p>
140+
141+
<div class="deployment-info">
142+
<h3>🚀 Vercel Monorepo 部署</h3>
143+
<p>本项目采用 Vercel Monorepo 架构，每个应用独立部署和管理。在 Vercel 中为每个子应用创建独立项目，设置对应的 Root Directory 即可实现自动部署。</p>
144+
</div>
145+
146+
<div class="apps-grid">
147+
<a href="https://dice-verse-weekly-vibe.vercel.app" class="app-card" target="_blank">
148+
<div class="app-icon">🎲</div>
149+
<div class="app-title">Dice Verse</div>
150+
<div class="app-desc">多功能骰子应用，支持各种游戏场景的骰子投掷和统计功能</div>
151+
<span class="app-status status-live">✅ 已部署</span>
152+
</a>
153+
154+
</div>
155+
156+
<div class="footer">
157+
<p>🎯 目标：用提示词实现一百个创意应用 | 当前进度：1/100</p>
158+
</div>
159+
</div>
160+
</body>
161+
</html>

0 commit comments

Comments
 (0)
⚡