Hugging Face's logo

Spaces:
victor
/
models-inference
Running

App Files Community
victor HF staff commited on
Commit
c13da55
•
1 Parent(s): aef4452

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +61 -17
index.html CHANGED
@@ -1,19 +1,63 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+
7
+ <title>Models inference</title>
8
+
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+
11
+ <body>
12
+
13
+
14
+ <div class="container mx-auto min-h-screen border-x px-12">
15
+ <nav class="flex flex-none items-center gap-4 overflow-x-auto py-12">
16
+ <div class="mr-5">Tasks</div>
17
+
18
+ <div class="rounded-xl bg-black py-2 px-4 text-white">Summarization</div>
19
+ <div class="rounded-xl bg-gray-100 py-2 px-4 text-black">Translation</div>
20
+ <div class="rounded-xl bg-gray-100 py-2 px-4 text-black">Text Classification</div>
21
+ <div class="rounded-xl bg-gray-100 py-2 px-4 text-black ml-auto">View all tasks</div>
22
+ </nav>
23
+
24
+ <form class="mb-12 flex flex-col">
25
+ <textarea name="" id="" cols="30" rows="3" class="mb-4 w-full rounded-lg border border-gray-100 p-3" placeholder="Type here"></textarea>
26
+ <button class="self-start rounded-xl bg-blue-600 bg-gradient-to-br py-2 px-4 text-white">Submit</button>
27
+ </form>
28
+
29
+ <div class="grid grid-cols-3 gap-3">
30
+ <div class="h-[300px] rounded-lg border border-gray-200/70 bg-white shadow-sm outline-gray-100">
31
+ <div class="flex justify-between items-center border-b py-2.5 px-4">
32
+ <h2 class="font-mono text-sm">facebook/bart-large-cnn</h2>
33
+ <p class="px- rounded bg-gray-100 px-1 text-sm">144 sec</p>
34
+ </div>
35
+ <p class="p-4 text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing azeelit. Dolorum quidem magnam odio. Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur molestias ut officiis.</p>
36
+ </div>
37
+ <div class="h-[300px] rounded-lg border border-gray-200/70 bg-white shadow-sm outline-gray-100">
38
+ <div class="flex justify-between items-center border-b py-2.5 px-4">
39
+ <h2 class="font-mono text-sm">philschmid/bart-large-cnn-samsum</h2>
40
+ <p class="px- rounded bg-gray-100 px-1 text-sm">144 sec</p>
41
+ </div>
42
+ <p class="p-4 text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing azeelit. Dolorum quidem magnam odio.</p>
43
+ </div>
44
+ <div class="h-[300px] rounded-lg border border-gray-200/70 bg-white shadow-sm outline-gray-100">
45
+ <div class="flex justify-between items-center border-b py-2.5 px-4">
46
+ <h2 class="font-mono text-sm">/sshleifer/distilbart-cnn-12-6</h2>
47
+ <p class="px- rounded bg-gray-100 px-1 text-sm">144 sec</p>
48
+ </div>
49
+ <p class="p-4 text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing azeelit. Dolorum quidem magnam odio. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit optio modi possimus sed mollitia tenetur doloribus consectetur quos tempore aperiam, cupiditate molestiae consequatur debitis qui tempora deleniti ut perspiciatis eos deserunt minima illum dolore fugiat molestias ab. Amet enim porro ut! Numquam, suscipit consectetur.</p>
50
+ </div>
51
+ <div class="h-[300px] rounded-lg border border-gray-200/70 bg-white shadow-sm outline-gray-100">
52
+ <div class="flex justify-between items-center border-b py-2.5 px-4">
53
+ <h2 class="font-mono text-sm">csebuetnlp/mT5_multilingual_XLSum </h2>
54
+ <p class="px- rounded bg-gray-100 px-1 text-sm">144 sec</p>
55
+ </div>
56
+ <p class="p-4 text-gray-500">Lorem ipsum dolor sit amet consectetur adipisicing azeelit. Dolorum quidem magnam odio. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit optio modi possimus sed mollitia tenetur doloribus consectetur quos tempore aperiam, cupiditate molestiae consequatur debitis qui tempora deleniti ut perspiciatis eos deserunt minima illum dolore fugiat molestias ab. Amet enim porro ut! Numquam, suscipit consectetur.</p>
57
+ </div>
58
+ </div>
59
+ </div>
60
+ </div>
61
+
62
+ </body>
63
+ </html>