forked from bmorcelli/M5Stick-Launcher
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflash0.html
166 lines (156 loc) · 4.51 KB
/
flash0.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>M5Launcher Web Flasher</title>
<meta
name="description"
content="Easily allows users to install the M5Launcher on M5Cardputer, M5StickC, M5stickC plus & M5stickC Plus2"
/>
<meta name="viewport" content="width=device-width" />
<meta name="color-scheme" content="dark light" />
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
margin: 0;
padding: 20px;
color: #00dd00;
background-color: #202124;
}
.content {
max-width: 600px;
margin: 0 auto;
padding: 12px;
}
h2 {
margin-top: 2em;
}
h3 {
margin-top: 1.5em;
}
a {
color: #e0d204;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
}
esp-web-install-button[install-unsupported] {
visibility: inherit;
}
.content pre {
max-width: 100%;
overflow-y: scroll;
}
.footer {
margin-top: 24px;
border-top: 1px solid #ccc;
padding-top: 24px;
text-align: center;
}
.footer .initiative {
font-style: italic;
margin-top: 16px;
}
table {
border-spacing: 0;
}
td {
padding: 8px;
border-bottom: 1px solid #ccc;
}
.radios li {
list-style: none;
line-height: 2em;
}
.logo {
max-width: 400px;
display: block;
margin-left: auto;
margin-right: auto;
}
.wrapper {
display: flex;
justify-content: center;
}
.back1usb
height: 18%;
width: 20%;
padding: 10px;
text-align: center;
}
.back2usb
height: 18%;
width: 20%;
padding: 10px;
text-align: center;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #fff;
}
a {
color: #58a6ff;
}
}
</style>
<script type="module" src="https://unpkg.com/[email protected]/dist/web/install-button.js?module"></script>
</head>
<body>
<h1 align="center">-= M5 Launcher =-</h1>
<img src="New Launcher.jpg" alt="Logo" class="logo">
<center>
<div class="content">
<p><b>Connect your device then select the "Flash" option and push connect.</b><br></p>
<p>If asked to put your device into <b>download mode</b> do as follows:</p>
<p><b>Cardputer: </b> Turn off and unplug from USB, Hold the btn G0 (upper right corner) and connect into the USB. Screen will be back but the computer will reconize</p>
<p><b>StickCs: </b>Turn off, Connect one side of a jumper cable into GND and the other side in G0 (in the header pin), connect the USB Cable and remove the jumper cable</p>
<ul class="radios">
<li>
<label><input type="radio" name="type" value="M5Cardputer" /> FLASH to M5Cardputer</label>
</li>
<li>
<label><input type="radio" name="type" value="M5stickC" /> FLASH to M5stickC</label>
</li>
<li>
<label><input type="radio" name="type" value="M5stickCP" /> FLASH to M5stickC Plus</label>
</li>
<li>
<label><input type="radio" name="type" value="M5stickCP2" /> FLASH to M5stickC Plus2</label>
</li>
<li>
<label><input type="radio" name="type" value="M5Core2" /> FLASH to M5Core2 & Tough 16Mb</label>
</li>
<li>
<label><input type="radio" name="type" value="M5Core" /> FLASH to M5Core Devices 16Mb</label>
</li>
</ul>
<p class="button-row" align="center">
<esp-web-install-button class="invisible"></esp-web-install-button>
</p>
</center>
<div class="footer">
Flasher by <a href="https://github.com/bmorcelli"
>bmorcelli</a
> —
Installer powered by <a href="https://esphome.github.io/esp-web-tools/">ESP Web Tools</a> 🛠️
<br>
</div>
<script>
document.querySelectorAll('input[name="type"]').forEach(radio =>
radio.addEventListener("change", () => {
const button = document.querySelector('esp-web-install-button');
button.manifest = `Launcher/manifest_${radio.value}.json`;
button.classList.remove('invisible');
}
));
</script>
</body>
</html>