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

Tweak website

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-06-08 17:04:39 +00:00
parent e2a924a333
commit c9c112e515
8 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@ -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 @@
>&lt;/script> >&lt;/script>
&lt;esp-web-install-button &lt;esp-web-install-button
manifest="firmware_build/manifest.json" manifest="/static/firmware_build/manifest.json"
>&lt;/esp-web-install-button></pre >&lt;/esp-web-install-button></pre
> >
<p> <p>
@ -208,7 +242,7 @@
</p> </p>
<pre> <pre>
&lt;esp-web-install-button &lt;esp-web-install-button
manifest="firmware_build/manifest.json" manifest="/static/firmware_build/manifest.json"
erase-first erase-first
> >
&lt;button slot="activate">Custom install button&lt;/button> &lt;button slot="activate">Custom install button&lt;/button>

0
firmware_build/bootloader.bin → static/firmware_build/bootloader.bin
View File

0
firmware_build/esp8266.bin → static/firmware_build/esp8266.bin
View File

0
firmware_build/firmware.bin → static/firmware_build/firmware.bin
View File

0
firmware_build/manifest.json → static/firmware_build/manifest.json
View File

0
firmware_build/ota.bin → static/firmware_build/ota.bin
View File

0
firmware_build/partitions.bin → static/firmware_build/partitions.bin
View File

BIN
static/wled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB