Skip to content

Commit 31f00e5

Browse files
ThomasFarstrikeThomasFarstrike
authored
Update index.html
1 parent 84f77fe commit 31f00e5

File tree

1 file changed

+247
-1
lines changed

1 file changed

+247
-1
lines changed

‎index.html‎

Lines changed: 247 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,247 @@
1-
It works!
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 - The Ultimate MicroPython Operating System</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
font-family: 'Arial', sans-serif;
13+
}
14+
15+
body {
16+
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
17+
color: #fff;
18+
line-height: 1.6;
19+
}
20+
21+
header {
22+
text-align: center;
23+
padding: 50px 20px;
24+
background: rgba(0, 0, 0, 0.5);
25+
}
26+
27+
header h1 {
28+
font-size: 3rem;
29+
margin-bottom: 10px;
30+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
31+
}
32+
33+
header p {
34+
font-size: 1.5rem;
35+
opacity: 0.9;
36+
}
37+
38+
.container {
39+
max-width: 1200px;
40+
margin: 0 auto;
41+
padding: 20px;
42+
}
43+
44+
section {
45+
margin: 40px 0;
46+
background: rgba(255, 255, 255, 0.1);
47+
padding: 30px;
48+
border-radius: 10px;
49+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
50+
}
51+
52+
section h2 {
53+
font-size: 2rem;
54+
margin-bottom: 20px;
55+
color: #00ddeb;
56+
text-align: center;
57+
}
58+
59+
section p, section ul {
60+
font-size: 1.1rem;
61+
}
62+
63+
section ul {
64+
list-style: none;
65+
padding-left: 0;
66+
}
67+
68+
section ul li {
69+
margin: 10px 0;
70+
padding-left: 20px;
71+
position: relative;
72+
}
73+
74+
section ul li:before {
75+
content: "✔";
76+
color: #00ddeb;
77+
position: absolute;
78+
left: 0;
79+
}
80+
81+
.screenshots {
82+
display: flex;
83+
flex-wrap: wrap;
84+
gap: 20px;
85+
justify-content: center;
86+
}
87+
88+
.screenshots img {
89+
width: 300px;
90+
height: 200px;
91+
object-fit: cover;
92+
border-radius: 10px;
93+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
94+
transition: transform 0.3s ease;
95+
}
96+
97+
.screenshots img:hover {
98+
transform: scale(1.05);
99+
}
100+
101+
.github-link {
102+
text-align: center;
103+
margin: 20px 0;
104+
}
105+
106+
.github-link a {
107+
display: inline-flex;
108+
align-items: center;
109+
text-decoration: none;
110+
color: #fff;
111+
font-size: 1.2rem;
112+
background: #333;
113+
padding: 10px 20px;
114+
border-radius: 5px;
115+
transition: background 0.3s ease;
116+
}
117+
118+
.github-link a img {
119+
width: 24px;
120+
height: 24px;
121+
margin-right: 10px;
122+
}
123+
124+
.github-link a:hover {
125+
background: #555;
126+
}
127+
128+
.contact {
129+
text-align: center;
130+
margin: 20px 0;
131+
}
132+
133+
.contact a {
134+
color: #00ddeb;
135+
text-decoration: none;
136+
font-size: 1.2rem;
137+
}
138+
139+
.contact a:hover {
140+
text-decoration: underline;
141+
}
142+
143+
footer {
144+
text-align: center;
145+
padding: 20px;
146+
background: rgba(0, 0, 0, 0.5);
147+
margin-top: 40px;
148+
}
149+
150+
@media (max-width: 768px) {
151+
header h1 {
152+
font-size: 2rem;
153+
}
154+
155+
header p {
156+
font-size: 1.2rem;
157+
}
158+
159+
section h2 {
160+
font-size: 1.5rem;
161+
}
162+
163+
.screenshots imgCleveland Clinic {
164+
width: 100%;
165+
height: auto;
166+
}
167+
}
168+
</style>
169+
</head>
170+
<body>
171+
<header>
172+
<h1>MicroPythonOS</h1>
173+
<p>The Only Operating System Built with MicroPython!</p>
174+
</header>
175+
176+
<div class="container">
177+
<section>
178+
<h2>Why MicroPythonOS?</h2>
179+
<p>MicroPythonOS is a lightweight, fast, and versatile operating system designed to run on microcontrollers like the ESP32 and desktop systems. With a modern Android-like touch screen UI, built-in Bitcoin Lightning wallet, App Store, and Over-The-Air updates, it’s the perfect OS for innovators and developers.</p>
180+
</section>
181+
182+
<section>
183+
<h2>Key Features</h2>
184+
<ul>
185+
<li>Runs on ESP32 microcontrollers and desktops</li>
186+
<li>Android-like touch screen UI with gestures</li>
187+
<li>Built-in Bitcoin Lightning wallet (supports Nostr Wallet Connect & LNBits)</li>
188+
<li>App Store for easy app access</li>
189+
<li>Over-The-Air (OTA) updates</li>
190+
<li>Supports touch screens, IMUs, and cameras</li>
191+
<li>Fast and lightweight performance</li>
192+
</ul>
193+
</section>
194+
195+
<section>
196+
<h2>Advantages</h2>
197+
<ul>
198+
<li>Native MicroPython foundation for easy development</li>
199+
<li>Cross-platform compatibility (microcontrollers to desktops)</li>
200+
<li>Lightweight design for resource-constrained devices</li>
201+
<li>Fast execution with quick boot times</li>
202+
<li>Modern touch screen support with gestures</li>
203+
<li>OTA updates for seamless maintenance</li>
204+
<li>Bitcoin Lightning wallet for decentralized payments</li>
205+
</ul>
206+
</section>
207+
208+
<section>
209+
<h2>Possibilities</h2>
210+
<ul>
211+
<li>Build IoT devices like smart home controllers</li>
212+
<li>Create educational tools with interactive displays</li>
213+
<li>Develop decentralized payment systems with Bitcoin Lightning</li>
214+
<li>Design portable touch screen devices</li>
215+
<li>Power robotics with IMUs and cameras</li>
216+
<li>Craft smart wearables with gesture controls</li>
217+
<li>Prototype DIY projects effortlessly</li>
218+
</ul>
219+
</section>
220+
221+
<section>
222+
<h2>Screenshots</h2>
223+
<div class="screenshots">
224+
<!-- Placeholder images for screenshots -->
225+
<img src="https://via.placeholder.com/300x200.png?text=Screenshot+1" alt="Screenshot 1">
226+
<img src="https://via.placeholder.com/300x200.png?text=Screenshot+2" alt="Screenshot 2">
227+
<img src="https://via.placeholder.com/300x200.png?text=Screenshot+3" alt="Screenshot 3">
228+
</div>
229+
</section>
230+
231+
<div class="github-link">
232+
<a href="https://github.com/MicroPythonOS" target="_blank">
233+
<img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub Logo">
234+
Check out MicroPythonOS on GitHub
235+
</a>
236+
</div>
237+
238+
<div class="contact">
239+
<p>Contact us: <a href="mailto:info@MicroPythonOS.com">info@MicroPythonOS.com</a></p>
240+
</div>
241+
</div>
242+
243+
<footer>
244+
<p>&copy; 2025 MicroPythonOS. All rights reserved.</p>
245+
</footer>
246+
</body>
247+
</html>

0 commit comments

Comments
 (0)