Skip to content

Commit 7de3b6a

Browse files
authored
Migrate to Material Web 1 (#474)
* No port pick * Use own components again * Migrate circular progress * Migrate Icon Button * Move button labels to text nodes * Use ew-list for dashboard * Missed one interactive * Migrate select * Migrate textfield * Migrate checkbox/formfield * Remove unused ewt-button * Migrate text field * Divider + dashboard icons * Migrate dialog * Remove mwc components * Clean up icons * Remove old comment * Update connect button * Align top level dialog icon * Avoid scrolling when dialog active * Allow variable for border radius * Cleanup * Bump dependencies * Bump esptool.js to 0.4.1 * Add new device types * Update readme with new device types * Tweak launch button look
1 parent e107f0f commit 7de3b6a

32 files changed

Lines changed: 2616 additions & 968 deletions

index.html

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="utf-8" />
@@ -79,8 +79,10 @@
7979
}
8080
.screenshot img {
8181
max-width: 100%;
82-
box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px,
83-
rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
82+
box-shadow:
83+
rgb(0 0 0 / 20%) 0px 2px 1px -1px,
84+
rgb(0 0 0 / 14%) 0px 1px 1px 0px,
85+
rgb(0 0 0 / 12%) 0px 1px 3px 0px;
8486
border-radius: 4px;
8587
}
8688
.screenshot i {
@@ -172,7 +174,7 @@ <h2 id="demo">Try a live demo</h2>
172174
device to your computer and hit the button:
173175
</p>
174176
<esp-web-install-button
175-
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
177+
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
176178
>
177179
<i slot="unsupported">
178180
The demo is not available because your browser does not support Web
@@ -266,9 +268,16 @@ <h2 id="used-by">Products using ESP Web Tools</h2>
266268
</div>
267269
<div class="name">Luciferin</div>
268270
</a>
269-
<a href="https://install.openepaperlink.de" target="_blank" class="project">
271+
<a
272+
href="https://install.openepaperlink.de"
273+
target="_blank"
274+
class="project"
275+
>
270276
<div class="logo">
271-
<img src="static/logos/openepaperlink.png" alt="OpenEpaperLink logo" />
277+
<img
278+
src="static/logos/openepaperlink.png"
279+
alt="OpenEpaperLink logo"
280+
/>
272281
</div>
273282
<div class="name">OpenEpaperLink</div>
274283
</a>
@@ -366,7 +375,7 @@ <h2 id="add-website">Adding ESP Web Tools to your website</h2>
366375
</p>
367376
<pre>
368377
&lt;esp-web-install-button
369-
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
378+
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
370379
>&lt;/esp-web-install-button></pre
371380
>
372381
<p>
@@ -432,7 +441,8 @@ <h3 id="manifest">Creating your manifest</h3>
432441
Manifests describe the firmware that you want to offer the user to
433442
install. It allows specifying different builds for the different types
434443
of ESP devices. Current supported chip families are
435-
<code>ESP8266</code>, <code>ESP32</code>, <code>ESP32-C3</code>,
444+
<code>ESP8266</code>, <code>ESP32</code>, <code>ESP32-C2</code>,
445+
<code>ESP32-C3</code>, <code>ESP32-C6</code>, <code>ESP32-H2</code>,
436446
<code>ESP32-S2</code> and <code>ESP32-S3</code>. The correct build will
437447
be automatically selected based on the type of the connected ESP device.
438448
</p>
@@ -526,6 +536,7 @@ <h3 id="customize">Customizing the look and feel</h3>
526536
<ul>
527537
<li><code>--esp-tools-button-color</code></li>
528538
<li><code>--esp-tools-button-text-color</code></li>
539+
<li><code>--esp-tools-button-border-radius</code></li>
529540
</ul>
530541
<p>There are also some attributes that can be used for styling:</p>
531542
<table>
@@ -549,7 +560,7 @@ <h4>Replace the button and message with a custom one</h4>
549560
</p>
550561
<pre>
551562
&lt;esp-web-install-button
552-
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
563+
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
553564
>
554565
&lt;button slot="activate">Custom install button&lt;/button>
555566
&lt;span slot="unsupported">Ah snap, your browser doesn't work!&lt;/span>

0 commit comments

Comments
 (0)