diff --git a/index.html b/index.html index 75897ac..485f8e1 100644 --- a/index.html +++ b/index.html @@ -55,6 +55,18 @@ a { color: #03a9f4; } + .screenshot { + text-align: center; + } + .screenshot img { + box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, + rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px; + border-radius: 4px; + } + .screenshot i { + margin-top: 4px; + display: block; + } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ @@ -113,12 +125,34 @@

ESP Web Tools

- ESP Web Tools is a set of open source tools to allow working with ESP - devices in the browser. - The code is available on GitHub. + ESP Web Tools allows you to manage ESP8266 and ESP32 devices in the + browser: install new firmware, update firmware, connect device to the + Wi-Fi network, visit the device's hosted web interface and add devices + to Home Assistant.

+
+ +
+ +

+ ESP Web Tools works by combining + Web Serial, Improv Wi-Fi (optional), + and a manifest which describes the firmware. It will automatically + detect the chipset of the connected ESP device and find the right + firmware files in the manifest. +

+

To try it out and install ESPHome on an ESP, connect it to your @@ -134,27 +168,15 @@ your ESP device, you might miss drivers.

-

- This works by combining - Web Serial - with a manifest which describes the firmware. It will automatically - detect the type of the connected ESP device and find the right firmware - files in the manifest. + +

+ Screenshot showing ESP Web Tools dialog offering visting the device, adding it to Home Assistant, change Wi-Fi, show logs and console and reset data. + Screenshot showing the ESP Web Tools interface

-
- -
+

Products using ESP Web Tools