Update index.html
Browse files- index.html +34 -33
index.html
CHANGED
@@ -232,7 +232,7 @@
|
|
232 |
</script>
|
233 |
</head>
|
234 |
<body class="container max-w-4xl mx-auto p-4">
|
235 |
-
<main class="grid grid-cols-1 gap-
|
236 |
<span class="absolute text-5xl -ml-[1em]"> 🕯️ </span>
|
237 |
<div>
|
238 |
<h1 class="text-5xl font-bold">Candle BERT</h1>
|
@@ -266,7 +266,7 @@
|
|
266 |
</div>
|
267 |
|
268 |
<div>
|
269 |
-
<label for="model" class="font-medium">Models Options: </label>
|
270 |
<select
|
271 |
id="model"
|
272 |
class="border-2 border-gray-500 rounded-md font-light interactive disabled:cursor-not-allowed w-full max-w-max"
|
@@ -288,6 +288,38 @@
|
|
288 |
</option>
|
289 |
</select>
|
290 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
291 |
<form
|
292 |
id="form"
|
293 |
class="flex text-normal px-1 py-1 border border-gray-700 rounded-md items-center"
|
@@ -331,37 +363,6 @@
|
|
331 |
</p>
|
332 |
</div>
|
333 |
</div>
|
334 |
-
<div>
|
335 |
-
<h3 class="font-medium">Examples</h3>
|
336 |
-
|
337 |
-
<form
|
338 |
-
id="form-wiki"
|
339 |
-
class="flex text-xs rounded-md items-center w-min gap-3"
|
340 |
-
>
|
341 |
-
<input type="submit" hidden />
|
342 |
-
|
343 |
-
<button data-example class="disabled:cursor-not-allowed interactive">
|
344 |
-
Pizza
|
345 |
-
</button>
|
346 |
-
<button data-example class="disabled:cursor-not-allowed interactive">
|
347 |
-
Paris
|
348 |
-
</button>
|
349 |
-
<button data-example class="disabled:cursor-not-allowed interactive">
|
350 |
-
Physics
|
351 |
-
</button>
|
352 |
-
<input
|
353 |
-
type="text"
|
354 |
-
id="search-wiki"
|
355 |
-
class="font-light py-0 mx-1 resize-none outline-none w-32 disabled:cursor-not-allowed interactive"
|
356 |
-
placeholder="search Wikipedia article..."
|
357 |
-
/>
|
358 |
-
<button
|
359 |
-
class="bg-gray-700 hover:bg-gray-800 text-white font-normal py-2 w-16 rounded disabled:bg-gray-300 disabled:cursor-not-allowed interactive"
|
360 |
-
>
|
361 |
-
Enter
|
362 |
-
</button>
|
363 |
-
</form>
|
364 |
-
</div>
|
365 |
</main>
|
366 |
</body>
|
367 |
</html>
|
|
|
232 |
</script>
|
233 |
</head>
|
234 |
<body class="container max-w-4xl mx-auto p-4">
|
235 |
+
<main class="grid grid-cols-1 gap-5 relative">
|
236 |
<span class="absolute text-5xl -ml-[1em]"> 🕯️ </span>
|
237 |
<div>
|
238 |
<h1 class="text-5xl font-bold">Candle BERT</h1>
|
|
|
266 |
</div>
|
267 |
|
268 |
<div>
|
269 |
+
<label for="model" class="font-medium block">Models Options: </label>
|
270 |
<select
|
271 |
id="model"
|
272 |
class="border-2 border-gray-500 rounded-md font-light interactive disabled:cursor-not-allowed w-full max-w-max"
|
|
|
288 |
</option>
|
289 |
</select>
|
290 |
</div>
|
291 |
+
<div>
|
292 |
+
<h3 class="font-medium">Examples:</h3>
|
293 |
+
<form
|
294 |
+
id="form-wiki"
|
295 |
+
class="flex text-xs rounded-md justify-between w-min gap-3"
|
296 |
+
>
|
297 |
+
<input type="submit" hidden />
|
298 |
+
|
299 |
+
<button data-example class="disabled:cursor-not-allowed interactive">
|
300 |
+
Pizza
|
301 |
+
</button>
|
302 |
+
<button data-example class="disabled:cursor-not-allowed interactive">
|
303 |
+
Paris
|
304 |
+
</button>
|
305 |
+
<button data-example class="disabled:cursor-not-allowed interactive">
|
306 |
+
Physics
|
307 |
+
</button>
|
308 |
+
<input
|
309 |
+
type="text"
|
310 |
+
id="search-wiki"
|
311 |
+
title="Search Wikipedia article by title"
|
312 |
+
class="font-light py-0 mx-1 resize-none outline-none w-32 disabled:cursor-not-allowed interactive"
|
313 |
+
placeholder="Load Wikipedia article..."
|
314 |
+
/>
|
315 |
+
<button
|
316 |
+
title="Search Wikipedia article and load into input"
|
317 |
+
class="bg-gray-700 hover:bg-gray-800 text-white font-normal px-2 py-1 rounded disabled:bg-gray-300 disabled:cursor-not-allowed interactive"
|
318 |
+
>
|
319 |
+
Load
|
320 |
+
</button>
|
321 |
+
</form>
|
322 |
+
</div>
|
323 |
<form
|
324 |
id="form"
|
325 |
class="flex text-normal px-1 py-1 border border-gray-700 rounded-md items-center"
|
|
|
363 |
</p>
|
364 |
</div>
|
365 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
366 |
</main>
|
367 |
</body>
|
368 |
</html>
|