From c9c112e5154eb5d2c1f1f297d278ca304cd1128b Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Tue, 8 Jun 2021 17:04:39 +0000
Subject: [PATCH] Tweak website

---
 index.html                                    |  42 ++++++++++++++++--
 .../firmware_build}/bootloader.bin            | Bin
 .../firmware_build}/esp8266.bin               | Bin
 .../firmware_build}/firmware.bin              | Bin
 .../firmware_build}/manifest.json             |   0
 .../firmware_build}/ota.bin                   | Bin
 .../firmware_build}/partitions.bin            | Bin
 static/wled.png                               | Bin 0 -> 22118 bytes
 8 files changed, 38 insertions(+), 4 deletions(-)
 rename {firmware_build => static/firmware_build}/bootloader.bin (100%)
 rename {firmware_build => static/firmware_build}/esp8266.bin (100%)
 rename {firmware_build => static/firmware_build}/firmware.bin (100%)
 rename {firmware_build => static/firmware_build}/manifest.json (100%)
 rename {firmware_build => static/firmware_build}/ota.bin (100%)
 rename {firmware_build => static/firmware_build}/partitions.bin (100%)
 create mode 100644 static/wled.png
diff --git a/index.html b/index.html
index 92c13b5..b9ce038 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,12 @@
 <html>
   <head>
+    <meta charset="utf-8" />
     <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>
       body {
         font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
@@ -14,6 +20,13 @@
         margin: 0 auto;
         padding: 12px;
       }
+      .project .logo {
+        float: right;
+        width: 200px;
+      }
+      .project .logo img {
+        width: 100%;
+      }
       esp-web-flash-log {
         margin-top: 8px;
       }
@@ -34,6 +47,10 @@
         width: 100%;
         height: 100%;
       }
+      .content pre {
+        max-width: 100%;
+        overflow-y: scroll;
+      }
       .footer {
         margin-top: 24px;
         border-top: 1px solid #ccc;
@@ -71,7 +88,7 @@
       </p>
       <esp-web-install-button
         erase-first
-        manifest="firmware_build/manifest.json"
+        manifest="/static/firmware_build/manifest.json"
       ></esp-web-install-button>
       <p>
         <i>
@@ -100,7 +117,24 @@
           allowfullscreen
         ></iframe>
       </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>
         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
@@ -120,7 +154,7 @@
 >&lt;/script>
 
 &lt;esp-web-install-button
-  manifest="firmware_build/manifest.json"
+  manifest="/static/firmware_build/manifest.json"
 >&lt;/esp-web-install-button></pre
       >
       <p>
@@ -208,7 +242,7 @@
       </p>
       <pre>
 &lt;esp-web-install-button
-  manifest="firmware_build/manifest.json"
+  manifest="/static/firmware_build/manifest.json"
   erase-first
 >
   &lt;button slot="activate">Custom install button&lt;/button>
diff --git a/firmware_build/bootloader.bin b/static/firmware_build/bootloader.bin
similarity index 100%
rename from firmware_build/bootloader.bin
rename to static/firmware_build/bootloader.bin
diff --git a/firmware_build/esp8266.bin b/static/firmware_build/esp8266.bin
similarity index 100%
rename from firmware_build/esp8266.bin
rename to static/firmware_build/esp8266.bin
diff --git a/firmware_build/firmware.bin b/static/firmware_build/firmware.bin
similarity index 100%
rename from firmware_build/firmware.bin
rename to static/firmware_build/firmware.bin
diff --git a/firmware_build/manifest.json b/static/firmware_build/manifest.json
similarity index 100%
rename from firmware_build/manifest.json
rename to static/firmware_build/manifest.json
diff --git a/firmware_build/ota.bin b/static/firmware_build/ota.bin
similarity index 100%
rename from firmware_build/ota.bin
rename to static/firmware_build/ota.bin
diff --git a/firmware_build/partitions.bin b/static/firmware_build/partitions.bin
similarity index 100%
rename from firmware_build/partitions.bin
rename to static/firmware_build/partitions.bin
diff --git a/static/wled.png b/static/wled.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f52d3708aee4303cf3c40d6abe7b7f3b9e54336
GIT binary patch
literal 22118
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
I#}c3aUu-`|#{d8T

literal 0
HcmV?d00001

