|
@@ -1,6 +1,12 @@
|
|
<html>
|
|
<html>
|
|
<head>
|
|
<head>
|
|
|
|
+ <meta charset="utf-8" />
|
|
<title>ESP Web Tools</title>
|
|
<title>ESP Web Tools</title>
|
|
|
|
+ <meta name="viewport" content="width=device-width" />
|
|
|
|
+ <meta
|
|
|
|
+ name="description"
|
|
|
|
+ content="Easily allow users to flash new firmware for their ESP-devices on the web."
|
|
|
|
+ />
|
|
<style>
|
|
<style>
|
|
body {
|
|
body {
|
|
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
|
|
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
|
|
@@ -14,6 +20,13 @@
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
padding: 12px;
|
|
padding: 12px;
|
|
}
|
|
}
|
|
|
|
+ .project .logo {
|
|
|
|
+ float: right;
|
|
|
|
+ width: 200px;
|
|
|
|
+ }
|
|
|
|
+ .project .logo img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
esp-web-flash-log {
|
|
esp-web-flash-log {
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
@@ -34,6 +47,10 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
+ .content pre {
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ overflow-y: scroll;
|
|
|
|
+ }
|
|
.footer {
|
|
.footer {
|
|
margin-top: 24px;
|
|
margin-top: 24px;
|
|
border-top: 1px solid #ccc;
|
|
border-top: 1px solid #ccc;
|
|
@@ -71,7 +88,7 @@
|
|
</p>
|
|
</p>
|
|
<esp-web-install-button
|
|
<esp-web-install-button
|
|
erase-first
|
|
erase-first
|
|
- manifest="firmware_build/manifest.json"
|
|
|
|
|
|
+ manifest="/static/firmware_build/manifest.json"
|
|
></esp-web-install-button>
|
|
></esp-web-install-button>
|
|
<p>
|
|
<p>
|
|
<i>
|
|
<i>
|
|
@@ -100,7 +117,24 @@
|
|
allowfullscreen
|
|
allowfullscreen
|
|
></iframe>
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
- <h2>Using ESP Web Tools on your website</h2>
|
|
|
|
|
|
+ <h2>Projects using ESP Web Tools</h2>
|
|
|
|
+ <div class="project">
|
|
|
|
+ <div class="logo">
|
|
|
|
+ <img src="/static/wled.png" alt="WLED logo" />
|
|
|
|
+ </div>
|
|
|
|
+ <h3>WLED</h3>
|
|
|
|
+ <p>
|
|
|
|
+ A fast and feature-rich implementation of an ESP8266/ESP32 firmware to
|
|
|
|
+ control NeoPixel (WS2812B, WS2811, SK6812) LEDs or also SPI based
|
|
|
|
+ chipsets like the WS2801 and APA102.
|
|
|
|
+ </p>
|
|
|
|
+ <p>
|
|
|
|
+ <a href="https://flash.wled.me" target="_blank"
|
|
|
|
+ >Installation Website</a
|
|
|
|
+ >
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <h2>Adding ESP Web Tools to your website</h2>
|
|
<p>
|
|
<p>
|
|
To add this to your own website, create a manifest and add the button to
|
|
To add this to your own website, create a manifest and add the button to
|
|
your website. Make sure you update the manifest attribute to point at
|
|
your website. Make sure you update the manifest attribute to point at
|
|
@@ -120,7 +154,7 @@
|
|
></script>
|
|
></script>
|
|
|
|
|
|
<esp-web-install-button
|
|
<esp-web-install-button
|
|
- manifest="firmware_build/manifest.json"
|
|
|
|
|
|
+ manifest="/static/firmware_build/manifest.json"
|
|
></esp-web-install-button></pre
|
|
></esp-web-install-button></pre
|
|
>
|
|
>
|
|
<p>
|
|
<p>
|
|
@@ -208,7 +242,7 @@
|
|
</p>
|
|
</p>
|
|
<pre>
|
|
<pre>
|
|
<esp-web-install-button
|
|
<esp-web-install-button
|
|
- manifest="firmware_build/manifest.json"
|
|
|
|
|
|
+ manifest="/static/firmware_build/manifest.json"
|
|
erase-first
|
|
erase-first
|
|
>
|
|
>
|
|
<button slot="activate">Custom install button</button>
|
|
<button slot="activate">Custom install button</button>
|