114 lines
4.6 KiB
HTML
114 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Install Adafruit.io WipperSnapper for ESP32</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script>
|
|
// Redirect to HTTPS if HTTP is requested.
|
|
if (window.location.protocol === 'http:') {
|
|
window.location.href = 'https:' + window.location.href.substring(5);
|
|
}
|
|
</script>
|
|
|
|
<!-- import the web page's stylesheets along with the themes -->
|
|
<link rel="stylesheet" href="https://use.typekit.net/qtk5kiq.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/light.css" id="light" class="alternate" disabled>
|
|
<link rel="stylesheet" href="css/dark.css" id="dark" class="alternate" disabled>
|
|
|
|
<!-- import the webpage's javascript file -->
|
|
<script src="https://adafruit.github.io/Adafruit_WebSerial_ESPTool/js/utilities.js" defer></script>
|
|
<script src="https://adafruit.github.io/Adafruit_WebSerial_ESPTool/js/esptool.js" defer></script>
|
|
<script src="js/littlefs.js" defer></script>
|
|
<script src="js/script.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="left">
|
|
<img src="https://adafruit.github.io/Adafruit_WebSerial_ESPTool/assets/adafruit-logo.svg" class="Adafruit-Logo">
|
|
</div>
|
|
<div class="right">
|
|
<select id="baudRate"></select>
|
|
<button id="butConnect" type="button">Connect</button>
|
|
</div>
|
|
</header>
|
|
<main class="main">
|
|
<div id="notSupported" class="notSupported">
|
|
Sorry, <b>Web Serial</b> is not supported on this device, make sure you're
|
|
running Chrome 78 or later and have enabled the
|
|
<code>#enable-experimental-web-platform-features</code> flag in
|
|
<code>chrome://flags</code>
|
|
</div>
|
|
<div class="subheader">
|
|
<div class="title left">
|
|
Install Adafruit.io WipperSnapper for ESP32
|
|
</div>
|
|
<div class="right">
|
|
<label for="darkmode">
|
|
Dark Mode
|
|
</label>
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="darkmode" class="onoffswitch-checkbox" id="darkmode">
|
|
<label class="onoffswitch-label" for="darkmode">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="app" class="connected">
|
|
<div id="commands">
|
|
<div class="field">
|
|
<label><span>SSID:</span>
|
|
<input id="network_type_wifi_native.network_ssid" class="partition-data" type="text" placeholder="WiFi SSID" value="" />
|
|
</label>
|
|
</div>
|
|
<div class="field">
|
|
<label><span>Password:</span>
|
|
<input id="network_type_wifi_native.network_password" class="partition-data" type="text" placeholder="WiFi Password" value="" />
|
|
</label>
|
|
</div>
|
|
<div class="field">
|
|
<label><span>Adafruit IO Username:</span>
|
|
<input id="io_username" class="partition-data" type="text" placeholder="AIO Username" value="" />
|
|
</label>
|
|
</div>
|
|
<div class="field">
|
|
<label><span>Adafruit IO Password:</span>
|
|
<input id="io_key" class="partition-data" type="text" placeholder="AIO Password" value="" />
|
|
</label>
|
|
</div>
|
|
<div class="buttons">
|
|
<div id="stepname" class="hidden"></div>
|
|
</div>
|
|
<div class="buttons">
|
|
<div id="progressBar" class="progress-bar hidden"><div></div></div>
|
|
</div>
|
|
<div class="buttons">
|
|
<button id="butProgram" type="button" disabled="disabled">Install WipperSnapper</button>
|
|
<button id="butProgramNvm" type="button" disabled="disabled">Update Credentials ONLY</button>
|
|
</div>
|
|
</div>
|
|
<div id="log"></div>
|
|
</div>
|
|
</main>
|
|
<footer class="footer">
|
|
<div class="left">
|
|
<label for="autoscroll">Autoscroll</label>
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="autoscroll" class="onoffswitch-checkbox" id="autoscroll">
|
|
<label class="onoffswitch-label" for="autoscroll">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<span id="fpsCounter"></span>
|
|
<button id="butClear" type="button">Clear Text</button>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|