Skip to content

Commit bc57aaa

Browse files
ThomasFarstrikeThomasFarstrike
committed
Add Waveshare_ESP32-S3-Touch-LCD-2_0.0.4
0 parents  commit bc57aaa

File tree

3 files changed

+194
-0
lines changed

3 files changed

+194
-0
lines changed

‎firmware_images/Waveshare/ESP32-S3-Touch-LCD-2/Waveshare_ESP32-S3-Touch-LCD-2_0.0.4.bin‎

3.05 MB
Binary file not shown.

‎index.html‎

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
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 Installer</title>
7+
<!-- Step 1: Load ESP Web Tools JavaScript -->
8+
<script
9+
type="module"
10+
src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js?module"
11+
></script>
12+
<style>
13+
/* Reset default styles */
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
box-sizing: border-box;
18+
}
19+
20+
body {
21+
font-family: 'Arial', sans-serif;
22+
line-height: 1.6;
23+
color: #333;
24+
background-color: #f4f4f9;
25+
}
26+
27+
.container {
28+
max-width: 800px;
29+
margin: 0 auto;
30+
padding: 0 20px;
31+
}
32+
33+
/* Header Styles */
34+
header {
35+
background-color: #2c3e50;
36+
color: white;
37+
text-align: center;
38+
padding: 3rem 0;
39+
}
40+
41+
header h1 {
42+
font-size: 2.5rem;
43+
margin-bottom: 0.5rem;
44+
}
45+
46+
header p {
47+
font-size: 1.2rem;
48+
opacity: 0.9;
49+
}
50+
51+
/* Main Section */
52+
.installer-section {
53+
padding: 3rem 0;
54+
text-align: center;
55+
}
56+
57+
.installer-section h2 {
58+
font-size: 2rem;
59+
margin-bottom: 1rem;
60+
color: #2c3e50;
61+
}
62+
63+
.installer-section p {
64+
max-width: 600px;
65+
margin: 0 auto 1.5rem;
66+
color: #555;
67+
}
68+
69+
esp-web-install-button {
70+
display: inline-block;
71+
margin: 1.5rem 0;
72+
}
73+
74+
.instructions {
75+
margin-top: 2rem;
76+
text-align: left;
77+
background-color: white;
78+
padding: 1.5rem;
79+
border-radius: 8px;
80+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
81+
}
82+
83+
.instructions h3 {
84+
font-size: 1.5rem;
85+
margin-bottom: 1rem;
86+
color: #2c3e50;
87+
}
88+
89+
.instructions ol {
90+
padding-left: 1.5rem;
91+
margin-bottom: 1rem;
92+
}
93+
94+
.instructions li {
95+
margin-bottom: 0.5rem;
96+
}
97+
98+
.instructions p {
99+
color: #555;
100+
}
101+
102+
/* Footer Styles */
103+
footer {
104+
background-color: #2c3e50;
105+
color: white;
106+
text-align: center;
107+
padding: 1.5rem 0;
108+
}
109+
110+
footer p {
111+
margin-bottom: 0.5rem;
112+
}
113+
114+
footer a {
115+
color: #1abc9c;
116+
text-decoration: none;
117+
}
118+
119+
footer a:hover {
120+
text-decoration: underline;
121+
}
122+
123+
/* Responsive Design */
124+
@media (max-width: 600px) {
125+
header h1 {
126+
font-size: 2rem;
127+
}
128+
129+
header p {
130+
font-size: 1rem;
131+
}
132+
133+
.installer-section h2 {
134+
font-size: 1.5rem;
135+
}
136+
137+
.container {
138+
padding: 0 15px;
139+
}
140+
}
141+
</style>
142+
</head>
143+
<body>
144+
<header>
145+
<div class="container">
146+
<h1>MicroPythonOS</h1>
147+
<p>Effortlessly install MicroPythonOS on your ESP device</p>
148+
</div>
149+
</header>
150+
151+
<main>
152+
<section class="installer-section">
153+
<div class="container">
154+
<h2>Install MicroPythonOS</h2>
155+
<p>Click the button below to flash MicroPythonOS firmware onto your ESP device using WebSerial. Ensure your device is connected via USB and you're using a supported browser (e.g., Chrome or Edge).</p>
156+
<!-- Step 2: ESP Web Install Button -->
157+
<esp-web-install-button manifest="/manifests/Waveshare/ESP32-S3-Touch-LCD-2/Waveshare_ESP32-S3-Touch-LCD-2.json" ></esp-web-install-button>
158+
<div class="instructions">
159+
<h3>How to Use</h3>
160+
<ol>
161+
<li>Connect your ESP device to your computer via USB.</li>
162+
<li>Put it in "Bootloader" mode by long-pressing the button.</li>
163+
<li>Click the "Install" button above.</li>
164+
<li>Select your device from the browser's serial port prompt.</li>
165+
<li>Follow the on-screen instructions to complete the installation.</li>
166+
</ol>
167+
<p><strong>Note:</strong> Use a compatible browser like Google Chrome or Edge for WebSerial support.</p>
168+
</div>
169+
</div>
170+
</section>
171+
</main>
172+
173+
<footer>
174+
<div class="container">
175+
<p>© 2025 MicroPythonOS. All rights reserved.</p>
176+
<p><a href="https://micropython.org" target="_blank">Learn more about MicroPython</a></p>
177+
</div>
178+
</footer>
179+
</body>
180+
</html>

‎manifests/Waveshare/ESP32-S3-Touch-LCD-2/Waveshare_ESP32-S3-Touch-LCD-2.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"name": "MicroPythonOS",
3+
"version": "0.0.4",
4+
"funding_url": "https://micropythonos.com",
5+
"new_install_prompt_erase": true,
6+
"builds": [
7+
{
8+
"chipFamily": "ESP32",
9+
"parts": [
10+
{ "path": "/firmware_images/Waveshare/ESP32-S3-Touch-LCD-2/Waveshare_ESP32-S3-Touch-LCD-2_0.0.4.bin", "offset": 0 }
11+
]
12+
}
13+
]
14+
}

0 commit comments

Comments
 (0)