@@ -12,46 +12,198 @@ async def welcome():
1212 <head>
1313 <title>Welcome to Heimdallr!</title>
1414 <style>
15- body {
16- font-family: Arial, sans-serif;
17- background-color: #f0f0f0;
15+ * {
1816 margin: 0;
1917 padding: 0;
18+ box-sizing: border-box;
19+ }
20+
21+ body {
22+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
23+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
24+ min-height: 100vh;
2025 display: flex;
2126 flex-direction: column;
2227 justify-content: center;
2328 align-items: center;
24- height: 100vh;
29+ color: #333;
30+ position: relative;
31+ overflow-x: hidden;
2532 }
26- .welcome-message {
33+
34+ .welcome-container {
35+ background: rgba(255, 255, 255, 0.95);
36+ backdrop-filter: blur(10px);
37+ border-radius: 20px;
38+ padding: 60px 80px;
39+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
2740 text-align: center;
28- font-size: 2em;
29- color: #333;
41+ max-width: 700px;
42+ margin: 20px;
43+ animation: fadeInUp 0.8s ease-out;
44+ }
45+
46+ @keyframes fadeInUp {
47+ from {
48+ opacity: 0;
49+ transform: translateY(30px);
50+ }
51+ to {
52+ opacity: 1;
53+ transform: translateY(0);
54+ }
55+ }
56+
57+ .welcome-message h1 {
58+ font-size: 2.5em;
59+ margin-bottom: 30px;
60+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
61+ -webkit-background-clip: text;
62+ -webkit-text-fill-color: transparent;
63+ background-clip: text;
64+ font-weight: 700;
65+ }
66+
67+ .welcome-message p {
68+ font-size: 1.2em;
69+ margin-bottom: 20px;
70+ color: #555;
71+ line-height: 1.6;
72+ }
73+
74+ .welcome-message a {
75+ color: #667eea;
76+ text-decoration: none;
77+ font-weight: 600;
78+ transition: all 0.3s ease;
79+ position: relative;
80+ }
81+
82+ .welcome-message a:hover {
83+ color: #764ba2;
84+ transform: translateY(-2px);
85+ }
86+
87+ .welcome-message a::after {
88+ content: '';
89+ position: absolute;
90+ width: 0;
91+ height: 2px;
92+ bottom: -2px;
93+ left: 0;
94+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
95+ transition: width 0.3s ease;
96+ }
97+
98+ .welcome-message a:hover::after {
99+ width: 100%;
30100 }
101+
31102 .small-text {
32- color: #666;
33- font-size: 0.8em;
103+ font-size: 1em;
104+ color: #777;
105+ margin-top: 30px;
34106 }
107+
108+ .feature-grid {
109+ display: flex;
110+ justify-content: space-between;
111+ gap: 20px;
112+ margin: 30px 0;
113+ width: 100%;
114+ }
115+
116+ .feature-item {
117+ background: rgba(102, 126, 234, 0.1);
118+ border-radius: 10px;
119+ padding: 20px;
120+ transition: transform 0.3s ease;
121+ flex: 1;
122+ min-width: 0;
123+ }
124+
125+ .feature-item:hover {
126+ transform: translateY(-5px);
127+ }
128+
129+ .feature-icon {
130+ font-size: 2em;
131+ margin-bottom: 10px;
132+ }
133+
35134 footer {
36- position: fixed;
37- left: 0;
135+ position: absolute;
38136 bottom: 0;
39- width: 100%;
40- background-color: #666; /* Changed the color here */
41- color: white;
137+ left: 0;
138+ right: 0;
139+ background: rgba(0, 0, 0, 0.1);
140+ backdrop-filter: blur(10px);
141+ padding: 20px 0;
42142 text-align: center;
43- padding: 10px 0;
143+ color: white;
144+ font-size: 1.1em;
145+ }
146+
147+ footer a {
148+ color: #fff;
149+ text-decoration: none;
150+ font-weight: 600;
151+ transition: all 0.3s ease;
152+ }
153+
154+ footer a:hover {
155+ color: #ffeb3b;
156+ text-shadow: 0 0 10px rgba(255, 235, 59, 0.5);
157+ }
158+
159+ @media (max-width: 600px) {
160+ .welcome-container {
161+ padding: 40px 30px;
162+ margin: 15px;
163+ }
164+
165+ .welcome-message h1 {
166+ font-size: 2em;
167+ }
168+
169+ .welcome-message p {
170+ font-size: 1.1em;
171+ }
172+
173+ .feature-grid {
174+ flex-direction: column;
175+ gap: 15px;
176+ }
44177 }
45178 </style>
46179 </head>
47180 <body>
48- <div class="welcome-message">
49- <h1>🎉Welcome to Heimdallr!🎉</h1>
50- <p>部署成功!查看<a href="/docs">接口文档</a></p>
51- <p class="small-text">不知道怎么用?查看<a href="https://github.com/LeslieLeung/heimdallr#%E7%A4%BA%E4%BE%8B%E5%BA%94%E7%94%A8" target="_blank">示例应用</a></p>
181+ <div class="welcome-container">
182+ <div class="welcome-message">
183+ <h1>🎉 Welcome to Heimdallr! 🎉</h1>
184+ <p>部署成功!您的通知服务已经就绪</p>
185+
186+ <div class="feature-grid">
187+ <div class="feature-item">
188+ <div class="feature-icon">📱</div>
189+ <p>多平台通知</p>
190+ </div>
191+ <div class="feature-item">
192+ <div class="feature-icon">⚡</div>
193+ <p>快速部署</p>
194+ </div>
195+ <div class="feature-item">
196+ <div class="feature-icon">🔧</div>
197+ <p>易于集成</p>
198+ </div>
199+ </div>
200+
201+ <p><a href="/docs">查看接口文档</a> 开始使用</p>
202+ <p class="small-text">不知道怎么用?查看<a href="https://github.com/LeslieLeung/heimdallr#%E7%A4%BA%E4%BE%8B%E5%BA%94%E7%94%A8" target="_blank">示例应用</a></p>
203+ </div>
52204 </div>
53205 <footer>
54- <p>如果觉得本项目不错,不妨给个Star!<a href="https://github.com/leslieleung/heimdallr" target="_blank">GitHub</a></p>
206+ <p>⭐ 如果觉得本项目不错,不妨给个Star! <a href="https://github.com/leslieleung/heimdallr" target="_blank">GitHub</a></p>
55207 </footer>
56208 </body>
57209 </html>
0 commit comments