Create index.html

index.html

@@ -0,0 +1,18 @@
+<textarea id="input" placeholder="Paste text here..."></textarea>
+<button id="go">Summarize</button>
+<pre id="out"></pre>
+
+<script type="module">
+  import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+  const client = await Client.connect("yourname-summarizer.hf.space");
+
+  document.getElementById("go").onclick = async () => {
+    const text = document.getElementById("input").value;
+    const out = document.getElementById("out");
+    out.textContent = "";
+    const job = client.submit("/summarize", { text });
+    for await (const msg of job) {
+      if (msg.type === "data") out.textContent = msg.data[0];
+    }
+  };
+</script>