boazchung commited on
Commit
6aa78b0
1 Parent(s): 6150ee2

Create index.html

Browse files
Files changed (1) hide show
  1. src-bk/index.html +218 -0
src-bk/index.html ADDED
@@ -0,0 +1,218 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <title>huggingface.js</title>
7
+ <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
8
+
9
+ <link rel="stylesheet" href="css/styles.css">
10
+ </head>
11
+
12
+ <body>
13
+
14
+ <div class="container-main">
15
+ <!-- Content -->
16
+ <div class="container mt-5">
17
+ <!-- Multimodal Section -->
18
+ <h2>Multimodal</h2>
19
+ <div class="row">
20
+ <div class="col-md-3">
21
+ <a href="image2text.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
22
+ <div class="card card-custom-height">
23
+ <div class="card-body">
24
+ <h5 class="card-title">Image to Text</h5>
25
+ </div>
26
+ </div>
27
+ </a>
28
+ </div>
29
+ <div class="col-md-3">
30
+ <a href="visualqa.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
31
+ <div class="card card-custom-height">
32
+ <div class="card-body">
33
+ <h5 class="card-title">Visual Q&A</h5>
34
+ </div>
35
+ </div>
36
+ </a>
37
+ </div>
38
+ </div>
39
+ <!-- Natural Language Processing Section -->
40
+ <h2>Natural Language Processing</h2>
41
+ <div class="row">
42
+ <div class="col-md-3">
43
+ <a href="sentiments.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
44
+ <div class="card card-custom-height">
45
+ <div class="card-body">
46
+ <h5 class="card-title">Sentiment Analysis <br> (Text Classification)</h5>
47
+ </div>
48
+ </div>
49
+ </a>
50
+ </div>
51
+ <div class="col-md-3">
52
+ <a href="zero-shot-classification.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
53
+ <div class="card card-custom-height">
54
+ <div class="card-body">
55
+ <h5 class="card-title">Zero Shot Classification</h5>
56
+ </div>
57
+ </div>
58
+ </a>
59
+ </div>
60
+ <div class="col-md-3">
61
+ <a href="token-classification.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
62
+ <div class="card card-custom-height">
63
+ <div class="card-body">
64
+ <h5 class="card-title">Token Classification <br> (Named Entity Rec)</h5>
65
+ </div>
66
+ </div>
67
+ </a>
68
+ </div>
69
+ <div class="col-md-3">
70
+ <a href="fill-mask.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
71
+ <div class="card card-custom-height">
72
+ <div class="card-body">
73
+ <h5 class="card-title">Fill Mask</h5>
74
+ </div>
75
+ </div>
76
+ </a>
77
+ </div>
78
+ </div>
79
+ <div class="row">
80
+ <div class="col-md-3">
81
+ <a href="stream-textgeneration.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
82
+ <div class="card card-custom-height">
83
+ <div class="card-body">
84
+ <h5 class="card-title">Text Generation</h5>
85
+ </div>
86
+ </div>
87
+ </a>
88
+ </div>
89
+ <div class="col-md-3">
90
+ <a href="question-answering.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
91
+ <div class="card card-custom-height">
92
+ <div class="card-body">
93
+ <h5 class="card-title">Question Answering</h5>
94
+ </div>
95
+ </div>
96
+ </a>
97
+ </div>
98
+ <div class="col-md-3">
99
+ <a href="summarization.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
100
+ <div class="card card-custom-height">
101
+ <div class="card-body">
102
+ <h5 class="card-title">Summarization</h5>
103
+ </div>
104
+ </div>
105
+ </a>
106
+ </div>
107
+ <div class="col-md-3">
108
+ <a href="text-to-text-generation.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
109
+ <div class="card card-custom-height">
110
+ <div class="card-body">
111
+ <h5 class="card-title">Text-to-text Generation</h5>
112
+ </div>
113
+ </div>
114
+ </a>
115
+ </div>
116
+ </div>
117
+ <div class="row">
118
+ <div class="col-md-3">
119
+ <a href="translation.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
120
+ <div class="card card-custom-height">
121
+ <div class="card-body">
122
+ <h5 class="card-title">Translation</h5>
123
+ </div>
124
+ </div>
125
+ </a>
126
+ </div>
127
+ <div class="col-md-3">
128
+ <a href="translation-tok-model.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
129
+ <div class="card card-custom-height">
130
+ <div class="card-body">
131
+ <h5 class="card-title">Translation <br> (Tokenizer & Model)</h5>
132
+ </div>
133
+ </div>
134
+ </a>
135
+ </div>
136
+ </div>
137
+
138
+ <!-- Computer Vision Section -->
139
+ <h2>Computer Vision</h2>
140
+ <div class="row">
141
+ <div class="col-md-3">
142
+ <a href="image-classification.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
143
+ <div class="card card-custom-height">
144
+ <div class="card-body">
145
+ <h5 class="card-title">Image Classification</h5>
146
+ </div>
147
+ </div>
148
+ </a>
149
+ </div>
150
+ <div class="col-md-3">
151
+ <a href="zeroshotimageclassification.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
152
+ <div class="card card-custom-height">
153
+ <div class="card-body">
154
+ <h5 class="card-title">Zero Shot Image Classification</h5>
155
+ </div>
156
+ </div>
157
+ </a>
158
+ </div>
159
+ <div class="col-md-3">
160
+ <a href="object-detection.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
161
+ <div class="card card-custom-height">
162
+ <div class="card-body">
163
+ <h5 class="card-title">Object Detection</h5>
164
+ </div>
165
+ </div>
166
+ </a>
167
+ </div>
168
+ <div class="col-md-3">
169
+ <a href="image2text.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
170
+ <div class="card card-custom-height">
171
+ <div class="card-body">
172
+ <h5 class="card-title">Image to Text</h5>
173
+ </div>
174
+ </div>
175
+ </a>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Audio Section -->
180
+ <h2>Audio</h2>
181
+ <div class="row">
182
+ <div class="col-md-3">
183
+ <a href="asr-english.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
184
+ <div class="card card-custom-height">
185
+ <div class="card-body">
186
+ <h5 class="card-title">Automatic Speech Recognition - English</h5>
187
+ </div>
188
+ </div>
189
+ </a>
190
+ </div>
191
+ <div class="col-md-3">
192
+ <a href="asr-non-english.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
193
+ <div class="card card-custom-height">
194
+ <div class="card-body">
195
+ <h5 class="card-title">Automatic Speech Recognition - French</h5>
196
+ </div>
197
+ </div>
198
+ </a>
199
+ </div>
200
+ <div class="col-md-3">
201
+ <a href="audio-classification.html" class="text-decoration-none text-dark"> <!-- Hyperlink wrapping the card -->
202
+ <div class="card card-custom-height">
203
+ <div class="card-body">
204
+ <h5 class="card-title">Audio Classification</h5>
205
+ </div>
206
+ </div>
207
+ </a>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </div>
212
+
213
+ <script>
214
+ // Vanilla JavaScript code here
215
+ </script>
216
+ </body>
217
+
218
+ </html>