1 files changed, 123 insertions, 6 deletions
diff --git a/index.html b/index.html
index 1d855b1..4de36b8 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,129 @@
 <!DOCTYPE html>
 <html>
+<head>
+    <meta charset="UTF-8">
+    <title>ORION-RF Installer</title>
+
+    <script
+        type="module"
+        src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js">
+    </script>
+
+    <style>
+        body {
+            font-family: sans-serif;
+            max-width: 700px;
+            margin: auto;
+            padding: 2rem;
+        }
+
+        .card {
+            border: 1px solid #ddd;
+            border-radius: 10px;
+            padding: 20px;
+        }
+
+        select {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
 <body>
-    <h1>ORION-RF Firmware Host</h1>
 
-    <ul>
-        <li><a href="firmware/v0.1.0/firmware.bin">firmware.bin</a></li>
-        <li><a href="firmware/v0.1.0/bootloader.bin">bootloader.bin</a></li>
-        <li><a href="firmware/v0.1.0/partitions.bin">partitions.bin</a></li>
-    </ul>
+<h1>ORION-RF Installer</h1>
+
+<div class="card">
+    <h2>Select Firmware Version</h2>
+
+    <select id="versionSelect"></select>
+
+    <div id="installer"></div>
+</div>
+
+<script>
+const BASE_URL =
+    "https://krolyxon.github.io/orion-rf";
+
+async function loadVersions() {
+    const response =
+        await fetch(`${BASE_URL}/versions.json`);
+
+    const versions =
+        await response.json();
+
+    const select =
+        document.getElementById("versionSelect");
+
+    select.innerHTML = "";
+
+    versions.forEach(version => {
+        const option =
+            document.createElement("option");
+
+        option.value = version;
+        option.textContent = version;
+
+        select.appendChild(option);
+    });
+
+    buildInstaller();
+}
+
+function buildInstaller() {
+    const version =
+        document.getElementById("versionSelect").value;
+
+    const manifest = {
+        name: "ORION-RF",
+        version: version,
+        builds: [
+            {
+                chipFamily: "ESP32-S3",
+                parts: [
+                    {
+                        path:
+                        `${BASE_URL}/firmware/${version}/bootloader.bin`,
+                        offset: 0
+                    },
+                    {
+                        path:
+                        `${BASE_URL}/firmware/${version}/partitions.bin`,
+                        offset: 32768
+                    },
+                    {
+                        path:
+                        `${BASE_URL}/firmware/${version}/firmware.bin`,
+                        offset: 65536
+                    }
+                ]
+            }
+        ]
+    };
+
+    const blob =
+        new Blob(
+            [JSON.stringify(manifest)],
+            { type: "application/json" }
+        );
+
+    const manifestUrl =
+        URL.createObjectURL(blob);
+
+    document.getElementById("installer").innerHTML = `
+        <esp-web-install-button
+            manifest="${manifestUrl}">
+        </esp-web-install-button>
+    `;
+}
+
+document
+    .getElementById("versionSelect")
+    .addEventListener("change", buildInstaller);
+
+loadVersions();
+</script>
+
 </body>
 </html>