Skip to content

Commit 90f340e

Browse files
ThomasFarstrikeThomasFarstrike
authored
Create index.html
1 parent 2f37121 commit 90f340e

1 file changed

Lines changed: 234 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 234 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,234 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="refresh" content="5;url=https://t.me/MicroPythonOS">
7+
<title>MicroPythonOS - Community Redirect</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
9+
<style>
10+
* {
11+
margin: 0;
12+
padding: 0;
13+
box-sizing: border-box;
14+
font-family: 'Roboto', sans-serif;
15+
}
16+
17+
body {
18+
background: #F8EDE3;
19+
color: #1A2E44;
20+
line-height: 1.6;
21+
overflow-x: hidden;
22+
}
23+
24+
/* Navigation Menu */
25+
nav {
26+
background: #0A4D68;
27+
position: fixed;
28+
width: 100%;
29+
top: 0;
30+
z-index: 1000;
31+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
32+
}
33+
34+
nav .nav-container {
35+
max-width: 1200px;
36+
margin: 0 auto;
37+
display: flex;
38+
justify-content: space-between;
39+
align-items: center;
40+
padding: 15px 20px;
41+
}
42+
43+
nav .logo {
44+
font-family: 'Poppins', sans-serif;
45+
font-size: 1.5rem;
46+
color: #F8EDE3;
47+
}
48+
49+
/* Header */
50+
header {
51+
background: linear-gradient(135deg, #0A4D68 0%, #1A2E44 100%);
52+
color: #F8EDE3;
53+
text-align: center;
54+
padding: 120px 20px 80px;
55+
position: relative;
56+
overflow: hidden;
57+
}
58+
59+
header h1 {
60+
font-family: 'Poppins', sans-serif;
61+
font-size: 3.5rem;
62+
margin-bottom: 15px;
63+
animation: fadeIn 1s ease-in;
64+
}
65+
66+
header p {
67+
font-size: 1.5rem;
68+
opacity: 0.9;
69+
margin-bottom: 20px;
70+
animation: fadeIn 1s ease-in 0.3s both;
71+
}
72+
73+
.cta-button {
74+
display: inline-block;
75+
background: linear-gradient(45deg, #FF6B6B, #FF8E8E);
76+
color: #F8EDE3;
77+
padding: 12px 24px;
78+
text-decoration: none;
79+
border-radius: 25px;
80+
font-weight: 500;
81+
transition: transform 0.3s ease, box-shadow 0.3s ease;
82+
animation: fadeIn 1s ease-in 0.6s both;
83+
}
84+
85+
.cta-button:hover {
86+
transform: translateY(-3px);
87+
box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);
88+
}
89+
90+
/* Container */
91+
.container {
92+
max-width: 1200px;
93+
margin: 0 auto;
94+
padding: 20px;
95+
}
96+
97+
/* Message Section */
98+
section {
99+
margin: 60px 0;
100+
background: #fff;
101+
padding: 40px;
102+
border-radius: 15px;
103+
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
104+
animation: fadeInUp 1s ease-in;
105+
text-align: center;
106+
}
107+
108+
section h2 {
109+
font-family: 'Poppins', sans-serif;
110+
font-size: 2.2rem;
111+
color: #0A4D68;
112+
margin-bottom: 20px;
113+
}
114+
115+
section p {
116+
font-size: 1.2rem;
117+
color: #1A2E44;
118+
margin-bottom: 20px;
119+
}
120+
121+
section a {
122+
color: #FF6B6B;
123+
text-decoration: none;
124+
font-weight: 500;
125+
transition: color 0.3s ease;
126+
}
127+
128+
section a:hover {
129+
color: #0A4D68;
130+
}
131+
132+
/* Footer */
133+
footer {
134+
background: #1A2E44;
135+
color: #F8EDE3;
136+
text-align: center;
137+
padding: 30px 20px;
138+
margin-top: 60px;
139+
}
140+
141+
footer p {
142+
margin-bottom: 10px;
143+
}
144+
145+
.social-links a {
146+
color: #F8EDE3;
147+
margin: 0 10px;
148+
text-decoration: none;
149+
font-size: 1.1rem;
150+
transition: color 0.3s ease;
151+
}
152+
153+
.social-links a:hover {
154+
color: #FF6B6B;
155+
}
156+
157+
/* Animations */
158+
@keyframes fadeIn {
159+
from { opacity: 0; }
160+
to { opacity: 1; }
161+
}
162+
163+
@keyframes fadeInUp {
164+
from { opacity: 0; transform: translateY(20px); }
165+
to { opacity: 1; transform: translateY(0); }
166+
}
167+
168+
/* Responsive Design */
169+
@media (max-width: 768px) {
170+
header h1 {
171+
font-size: 2.5rem;
172+
}
173+
174+
header p {
175+
font-size: 1.2rem;
176+
}
177+
178+
.cta-button {
179+
padding: 10px 20px;
180+
font-size: 1rem;
181+
}
182+
183+
section h2 {
184+
font-size: 1.8rem;
185+
}
186+
}
187+
188+
@media (max-width: 480px) {
189+
header h1 {
190+
font-size: 2rem;
191+
}
192+
193+
section {
194+
padding: 20px;
195+
}
196+
}
197+
</style>
198+
</head>
199+
<body>
200+
<!-- Navigation Menu -->
201+
<nav>
202+
<div class="nav-container">
203+
<div class="logo">MicroPythonOS</div>
204+
</div>
205+
</nav>
206+
207+
<!-- Header -->
208+
<header>
209+
<h1>MicroPythonOS</h1>
210+
<p>Join Our Community!</p>
211+
<a href="https://t.me/MicroPythonOS" target="_blank" class="cta-button">Visit Our Telegram</a>
212+
</header>
213+
214+
<!-- Main Content -->
215+
<div class="container">
216+
<section>
217+
<h2>We're Moving to Telegram!</h2>
218+
<p>Thank you for visiting MicroPythonOS! We're excited to connect with you in our vibrant Telegram community, where you can get the latest updates, share ideas, and collaborate with other MicroPythonOS enthusiasts.</p>
219+
<p>You will be redirected to our Telegram channel at <a href="https://t.me/MicroPythonOS">t.me/MicroPythonOS</a> in 5 seconds.</p>
220+
<p>If you aren't redirected, <a href="https://t.me/MicroPythonOS">click here</a> to join now!</p>
221+
</section>
222+
</div>
223+
224+
<!-- Footer -->
225+
<footer>
226+
<p>© 2025 MicroPythonOS. All rights reserved.</p>
227+
<div class="social-links">
228+
<a href="https://t.me/MicroPythonOS" target="_blank">Telegram</a> |
229+
<a href="https://github.com/MicroPythonOS" target="_blank">GitHub</a> |
230+
<a href="mailto:info@MicroPythonOS.com" target="_blank">Email</a>
231+
</div>
232+
</footer>
233+
</body>
234+
</html>

0 commit comments

Comments
 (0)