jeans/esp-web-tools
jeans/esp-web-tools
1
0
Fork 0
mirror of https://github.com/esphome/esp-web-tools.git synced 2025-07-24 20:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweaks to website text

Browse Source
This commit is contained in:
Paulus Schoutsen 2022-05-06 15:17:07 -07:00
parent e1593936df
commit 9a58abb396
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -98,7 +98,8 @@
display: none; display: none;
} }
.content pre { .content pre {
max-width: 100%; display: block;
padding-left: 8px;
overflow-y: scroll; overflow-y: scroll;
} }
.footer { .footer {
@ -289,11 +290,13 @@
Web Tools button HTML. Web Tools button HTML.
</p> </p>
<p> <p>
You can import the JavaScript files directly from the unpkg CDN or <a href="https://github.com/balloob/squeezelite-esp32-install"
<a href="https://unpkg.com/browse/esp-web-tools/dist/web/" >Click here to see a full example.</a
>download the files</a
> >
and put them on your website. </p>
<p>
<b>Step 1:</b> Load ESP Web Tools JavaScript on your website by adding
the following HTML snippet.
</p> </p>
<pre> <pre>
&lt;script &lt;script
@ -302,8 +305,14 @@
>&lt;/script></pre >&lt;/script></pre
> >
<p> <p>
Find a place on your page where you want the button to appear and (If you prefer to locally host the JavaScript,
include the following bit of HTML. Update the <a href="https://unpkg.com/browse/esp-web-tools/dist/web/"
>download it here</a
>)
</p>
<p>
<b>Step 2:</b> Find a place on your page where you want the button to
appear and include the following bit of HTML. Update the
<code>manifest</code> attribute to point at your manifest file. <code>manifest</code> attribute to point at your manifest file.
</p> </p>
<pre> <pre>
@ -312,7 +321,7 @@
>&lt;/esp-web-install-button></pre >&lt;/esp-web-install-button></pre
> >
<p> <p>
ESP Web Tools requires that your website is served over <b>Note:</b> ESP Web Tools requires that your website is served over
<code>https://</code> to work. This is a Web Serial security <code>https://</code> to work. This is a Web Serial security
requirement. requirement.
</p> </p>