Skip to content

Commit fe491ad

Browse files
ThomasFarstrikeThomasFarstrike
committed
update chat linkt
1 parent 85bcacb commit fe491ad

File tree

1 file changed

+232
-5
lines changed

1 file changed

+232
-5
lines changed

‎index.html‎

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

0 commit comments

Comments
 (0)