Update index.html
Browse files- index.html +8 -4
index.html
CHANGED
|
@@ -2,10 +2,10 @@
|
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
-
<title>
|
| 6 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 7 |
</head>
|
| 8 |
-
<body class="container mx-auto p-3">
|
| 9 |
<script type="module">
|
| 10 |
import { HfInference } from "https://cdn.skypack.dev/@huggingface/inference@2.6.3";
|
| 11 |
async function* textStreamRes(hf, controller, input) {
|
|
@@ -52,7 +52,7 @@
|
|
| 52 |
document.querySelector("#token").value = token;
|
| 53 |
}
|
| 54 |
});
|
| 55 |
-
document.querySelector("#token").addEventListener("change", (e)=> {
|
| 56 |
localStorage.setItem("token", e.target.value);
|
| 57 |
});
|
| 58 |
document.querySelector("#run").addEventListener("click", run);
|
|
@@ -60,7 +60,11 @@
|
|
| 60 |
controller.abort();
|
| 61 |
});
|
| 62 |
</script>
|
| 63 |
-
<div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 64 |
<input
|
| 65 |
id="token"
|
| 66 |
class="border-2 border-gray-500 rounded-md"
|
|
|
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
+
<title>Text generation huggingface.js Mistral-7B-Instruct-v0.1</title>
|
| 6 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 7 |
</head>
|
| 8 |
+
<body class="container mx-auto p-3 max-w-xl">
|
| 9 |
<script type="module">
|
| 10 |
import { HfInference } from "https://cdn.skypack.dev/@huggingface/inference@2.6.3";
|
| 11 |
async function* textStreamRes(hf, controller, input) {
|
|
|
|
| 52 |
document.querySelector("#token").value = token;
|
| 53 |
}
|
| 54 |
});
|
| 55 |
+
document.querySelector("#token").addEventListener("change", (e) => {
|
| 56 |
localStorage.setItem("token", e.target.value);
|
| 57 |
});
|
| 58 |
document.querySelector("#run").addEventListener("click", run);
|
|
|
|
| 60 |
controller.abort();
|
| 61 |
});
|
| 62 |
</script>
|
| 63 |
+
<div class="grid grid-cols-1 gap-2">
|
| 64 |
+
<header>
|
| 65 |
+
<h1 class="text-3xl">Mistral-7B-Instruct-v0.1</h1>
|
| 66 |
+
<h2 class="text-xl">huggingface.js</h2>
|
| 67 |
+
</header>
|
| 68 |
<input
|
| 69 |
id="token"
|
| 70 |
class="border-2 border-gray-500 rounded-md"
|