Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Migrate to Material Web 1 #474

Merged
merged 27 commits into from
Feb 12, 2024
Merged

Migrate to Material Web 1 #474

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
27 commits
Select commit Hold shift + click to select a range
7d83a5a
No port pick
balloob Feb 11, 2024
51d9dc3
Use own components again
balloob Feb 11, 2024
7fb24ba
Migrate circular progress
balloob Feb 11, 2024
6ce2c78
Migrate Icon Button
balloob Feb 11, 2024
9b8b536
Move button labels to text nodes
balloob Feb 11, 2024
b5317e7
Use ew-list for dashboard
balloob Feb 11, 2024
57db2ce
Missed one interactive
balloob Feb 11, 2024
b58fd4f
Migrate select
balloob Feb 11, 2024
d82be21
Migrate textfield
balloob Feb 11, 2024
e366aa0
Migrate checkbox/formfield
balloob Feb 11, 2024
dc5ed4c
Remove unused ewt-button
balloob Feb 11, 2024
2c5bba2
Migrate text field
balloob Feb 11, 2024
a762fe7
Divider + dashboard icons
balloob Feb 11, 2024
355866e
Migrate dialog
balloob Feb 11, 2024
a08702a
Remove mwc components
balloob Feb 11, 2024
f562022
Clean up icons
balloob Feb 11, 2024
bf5e5f0
Remove old comment
balloob Feb 11, 2024
78b1b60
Update connect button
balloob Feb 12, 2024
fc72d3b
Align top level dialog icon
balloob Feb 12, 2024
5f3d6f9
Avoid scrolling when dialog active
balloob Feb 12, 2024
576ddd5
Allow variable for border radius
balloob Feb 12, 2024
e1e529e
Cleanup
balloob Feb 12, 2024
faab39b
Bump dependencies
balloob Feb 12, 2024
510ed68
Bump esptool.js to 0.4.1
balloob Feb 12, 2024
548e863
Add new device types
balloob Feb 12, 2024
134731d
Update readme with new device types
balloob Feb 12, 2024
4421c79
Tweak launch button look
balloob Feb 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 20 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
Expand Down Expand Up @@ -79,8 +79,10 @@
}
.screenshot img {
max-width: 100%;
box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px,
rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
box-shadow:
rgb(0 0 0 / 20%) 0px 2px 1px -1px,
rgb(0 0 0 / 14%) 0px 1px 1px 0px,
rgb(0 0 0 / 12%) 0px 1px 3px 0px;
border-radius: 4px;
}
.screenshot i {
Expand Down Expand Up @@ -172,7 +174,7 @@ <h2 id="demo">Try a live demo</h2>
device to your computer and hit the button:
</p>
<esp-web-install-button
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
>
<i slot="unsupported">
The demo is not available because your browser does not support Web
Expand Down Expand Up @@ -266,9 +268,16 @@ <h2 id="used-by">Products using ESP Web Tools</h2>
</div>
<div class="name">Luciferin</div>
</a>
<a href="https://install.openepaperlink.de" target="_blank" class="project">
<a
href="https://install.openepaperlink.de"
target="_blank"
class="project"
>
<div class="logo">
<img src="static/logos/openepaperlink.png" alt="OpenEpaperLink logo" />
<img
src="static/logos/openepaperlink.png"
alt="OpenEpaperLink logo"
/>
</div>
<div class="name">OpenEpaperLink</div>
</a>
Expand Down Expand Up @@ -366,7 +375,7 @@ <h2 id="add-website">Adding ESP Web Tools to your website</h2>
</p>
<pre>
&lt;esp-web-install-button
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
>&lt;/esp-web-install-button></pre
>
<p>
Expand Down Expand Up @@ -432,7 +441,8 @@ <h3 id="manifest">Creating your manifest</h3>
Manifests describe the firmware that you want to offer the user to
install. It allows specifying different builds for the different types
of ESP devices. Current supported chip families are
<code>ESP8266</code>, <code>ESP32</code>, <code>ESP32-C3</code>,
<code>ESP8266</code>, <code>ESP32</code>, <code>ESP32-C2</code>,
<code>ESP32-C3</code>, <code>ESP32-C6</code>, <code>ESP32-H2</code>,
<code>ESP32-S2</code> and <code>ESP32-S3</code>. The correct build will
be automatically selected based on the type of the connected ESP device.
</p>
Expand Down Expand Up @@ -526,6 +536,7 @@ <h3 id="customize">Customizing the look and feel</h3>
<ul>
<li><code>--esp-tools-button-color</code></li>
<li><code>--esp-tools-button-text-color</code></li>
<li><code>--esp-tools-button-border-radius</code></li>
</ul>
<p>There are also some attributes that can be used for styling:</p>
<table>
Expand All @@ -549,7 +560,7 @@ <h4>Replace the button and message with a custom one</h4>
</p>
<pre>
&lt;esp-web-install-button
manifest="https://firmware.esphome.io/esphome-web/manifest.json"
manifest="https://firmware.esphome.io/esp-web-tools/manifest.json"
>
&lt;button slot="activate">Custom install button&lt;/button>
&lt;span slot="unsupported">Ah snap, your browser doesn't work!&lt;/span>
Expand Down
Loading