diff --git a/index.html b/index.html index fe13047..a31e269 100644 --- a/index.html +++ b/index.html @@ -98,7 +98,8 @@ display: none; } .content pre { - max-width: 100%; + display: block; + padding-left: 8px; overflow-y: scroll; } .footer { @@ -289,11 +290,13 @@ Web Tools button HTML.

- You can import the JavaScript files directly from the unpkg CDN or - download the filesClick here to see a full example. - and put them on your website. +

+

+ Step 1: Load ESP Web Tools JavaScript on your website by adding + the following HTML snippet.

 <script
@@ -302,8 +305,14 @@
 ></script>

- Find a place on your page where you want the button to appear and - include the following bit of HTML. Update the + (If you prefer to locally host the JavaScript, + download it here) +

+

+ Step 2: Find a place on your page where you want the button to + appear and include the following bit of HTML. Update the manifest attribute to point at your manifest file.

@@ -312,7 +321,7 @@
 ></esp-web-install-button>

- ESP Web Tools requires that your website is served over + Note: ESP Web Tools requires that your website is served over https:// to work. This is a Web Serial security requirement.