Skip to content

Commit

Permalink
textsmith
Browse files Browse the repository at this point in the history
  • Loading branch information
@petermm
petermm committed Oct 23, 2023
1 parent 26eeada commit 67c6127
Showing 1 changed file with 11 additions and 26 deletions.
37 changes: 11 additions & 26 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@
<title>AtomVM Web Tools</title>
<meta name="description" content="Easily allow users to flash AtomVM for their ESP-devices on the web." />
<meta name="viewport" content="width=device-width" />
<meta property="og:title" content="AtomVM Web Tools" />
<meta property="og:site_name" content="AtomVM Web Tools" />
<meta property="og:title" content="AtomVM ESP32 Web Flasher" />
<meta property="og:site_name" content="AtomVM ESP32 Web Flasher" />
<meta property="og:url" content="https://petermm.github.io/atomvm-web-tools/" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Easily allow users to flash AtomVM for their ESP-devices on the web." />
<meta property="og:image" content="https://petermm.github.io/atomvm-web-tools/static/social.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AtomVM Web Tools" />
<meta name="twitter:title" content="AtomVM ESP32 Web Flasher" />
<meta name="twitter:description" content="Easily allow users to flash AtomVM for their ESP-devices on the web." />
<meta name="twitter:image" content="https://petermm.github.io/atomvm-web-tools/static/social.png" />
<meta name="color-scheme" content="dark light" />
Expand Down Expand Up @@ -144,49 +144,34 @@

<body>
<div class="content">
<h1>AtomVM Web Tools</h1>
<h1>AtomVM ESP32 Web Flasher</h1>
<p>
User friendly tools to manage AtomVM ESP32 devices in the browser:
User friendly tools to install AtomVM runtime on ESP32 devices in the browser:
</p>
<ul>
<li>Install &amp; update firmware</li>
<li>Install &amp; update AtomVM runtime</li>
<li>Access logs and send terminal commands</li>
</ul>

<h2 id="demo">Install AtomVM</h2>
<h2 id="demo">Install AtomVM runtime</h2>
<p>
This will install
<a href="https://www.atomvm.net">AtomVM</a>. To get started, connect an ESP32
device to your computer and hit the button:
device to your computer and hit the install button:
</p>
<esp-web-install-button manifest="static/firmware_build/manifest.json">
<button slot="activate" style="padding: 8px 28px; font-size: 16px; font-weight: 700;">Install
AtomVM</button>
<i slot="unsupported">
The demo is not available because your browser does not support Web
The Web Flasher is not available because your browser does not support Web
Serial. Open this page in Google Chrome or Microsoft Edge instead<span class="not-supported-i hidden">
(but not on your iOS device)</span>.
</i>
</esp-web-install-button>
</div>

<div class="content">
<h1>Hello world Example</h1>
<p>
This will install both AtomVM and an example Hello World avm. See serial console..
You are then ready to install and run your own code using <code>rebar3 esp32_flash</code> or for elixir
<code>mix atomvm.esp32.flash</code> in your project.
</p>
<h2 id="demo">Install Hello world Example</h2>
<p>To get started, connect an ESP32 device to your computer and hit the button:
</p>
<esp-web-install-button manifest="static/firmware_build/hello_world_manifest.json">
<button slot="activate" style="padding: 8px 28px; font-size: 16px; font-weight: 700;">Install Hello World
example</button>
<i slot="unsupported">
The demo is not available because your browser does not support Web
Serial. Open this page in Google Chrome or Microsoft Edge instead<span class="not-supported-i hidden">
(but not on your iOS device)</span>.
</i>
</esp-web-install-button>
</div>


Expand Down

0 comments on commit 67c6127

Please sign in to comment.