Get started with GitHub Pages

Initial files to set up GitHub Pages. Based on https://github.com/witnessmenow/ESP-Web-Tools-Tutorial
appliedprocrastination · Apr 3, 2023 · 622061c · 622061c
1 parent 67df19f
commit 622061c
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 0 deletions.
diff --git a/GitHubPages/ESPWebTools/manifest.json b/GitHubPages/ESPWebTools/manifest.json
@@ -0,0 +1,27 @@
+{
+    "name": "ESP Web Tool Demo",
+    "new_install_prompt_erase": true,
+    "builds": [
+        {
+            "chipFamily": "ESP32",
+            "parts": [
+                {
+                    "path": "boot_app0.bin",
+                    "offset": 57344
+                },
+                {
+                    "path": "SerialHelloWorld.ino.bin",
+                    "offset": 65536
+                },
+                {
+                    "path": "SerialHelloWorld.ino.bootloader.bin",
+                    "offset": 4096
+                },
+                {
+                    "path": "SerialHelloWorld.ino.partitions.bin",
+                    "offset": 32768
+                }
+            ]
+        }
+    ]
+}
diff --git a/GitHubPages/index.html b/GitHubPages/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<header>Access-Control-Allow-Origin: https://domain-of-your-website.com</header>
+
+<body>
+    <h1>Sample project for demoing ESP Web Tools</h1>
+
+    <div id="main" style="display: none;">
+
+        <br>
+        <script type="module" src="https://unpkg.com/[email protected]/dist/web/install-button.js?module"></script>
+
+        <esp-web-install-button id="installButton" manifest="ESPWebTools/manifest.json"></esp-web-install-button>
+        <br>
+        <p>NOTE: Make sure to close anything using your devices com port (e.g. Serial monitor)</p>
+    </div>
+    <div id="notSupported" style="display: none;">
+        <h2>Unsupported browser</h2>
+        <p>
+            Your browser does not support the Web Serial API. <br>
+            Try Chrome, Edge or Opera.
+        </p>
+    </div>
+
+
+    <script>
+        if (navigator.serial) {
+            document.getElementById("notSupported").style.display = 'none';
+            document.getElementById("main").style.display = 'block';
+        } else {
+            document.getElementById("notSupported").style.display = 'block';
+            document.getElementById("main").style.display = 'none';
+        }
+    </script>
+
+</body>
+
+</html>