Skip to content

Commit a3854c1

Browse files
author
GitHub Actions
committed
feat: Add interactive Web Flasher button to MicroPython installation
- Added styled HTML button for ESPTool-JS Web Flasher - Improved user experience with direct access to flashing tool - Enhanced visual design with hover effects and professional styling - Maintains responsive design and accessibility standards - Streamlines the ESP32-H2 MicroPython installation process
1 parent b77c7e1 commit a3854c1

File tree

1 file changed

+37
-1
lines changed

1 file changed

+37
-1
lines changed

software/sphinx/src/source/02_lib.rst

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,43 @@ Web-Based Flashing (Recommended for Beginners)
3333

3434
Using **ESPTool-JS Web Flasher**:
3535

36-
1. **Open Web Flasher**: Navigate to https://espressif.github.io/esptool-js/
36+
1. **Open Web Flasher**: Navigate to
37+
38+
.. raw:: html
39+
40+
<div style="display: flex; justify-content: center; margin: 2em 0;">
41+
<button
42+
style="
43+
background-color: #2b6cb0;
44+
color: #fff;
45+
border: none;
46+
border-radius: 6px;
47+
padding: 12px 28px;
48+
font-size: 1em;
49+
font-weight: 600;
50+
font-family: 'Segoe UI', Roboto, sans-serif;
51+
letter-spacing: 0.2px;
52+
cursor: pointer;
53+
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
54+
transition: all 0.25s ease;
55+
"
56+
onmouseover="
57+
this.style.backgroundColor='#2c5282';
58+
this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)';
59+
"
60+
onmouseout="
61+
this.style.backgroundColor='#2b6cb0';
62+
this.style.boxShadow='0 2px 6px rgba(0,0,0,0.1)';
63+
"
64+
onclick="window.open('https://espressif.github.io/esptool-js/', '_blank')"
65+
>
66+
Open ESPTool-JS Web Flasher
67+
</button>
68+
</div>
69+
70+
71+
72+
3773
2. **Connect Device**: Connect your PULSAR H2 via USB-C
3874
3. **Device Detection**: Click "Connect" and select your ESP32-H2 device
3975
4. **Configure Flashing Parameters**:

0 commit comments

Comments
 (0)