NimaBoscarino commited on
Commit
ed1527b
β€’
1 Parent(s): cd69b06

Add papers for each category

Browse files
Files changed (3) hide show
  1. app.py +18 -2
  2. paper_tile.py +636 -0
  3. requirements.txt +2 -0
app.py CHANGED
@@ -1,5 +1,11 @@
1
  import gradio as gr
2
  from typing import List
 
 
 
 
 
 
3
 
4
 
5
  class Space:
@@ -15,13 +21,14 @@ class News:
15
 
16
 
17
  class Category:
18
- def __init__(self, title, description, news: List[News] = None, spaces=None):
19
  if news is None:
20
  news = []
21
 
22
  if spaces is None:
23
  spaces = []
24
 
 
25
  self.title = title
26
  self.description = description
27
  self.news = news
@@ -29,6 +36,7 @@ class Category:
29
 
30
 
31
  inclusive = Category(
 
32
  title="πŸ§‘β€πŸ€β€πŸ§‘ Inclusive",
33
  description="""
34
  These are projects which broaden the scope of who _builds_ and _benefits_ in the machine learning world.
@@ -65,6 +73,7 @@ inclusive = Category(
65
  ]
66
  )
67
  rigorous = Category(
 
68
  title="✍️ Rigorous",
69
  description="""
70
  Among the many concerns that go into creating new models is a seemingly simple question: "Does it work?"
@@ -122,6 +131,7 @@ rigorous = Category(
122
  ]
123
  )
124
  socially_conscious = Category(
 
125
  title="πŸ‘οΈβ€πŸ—¨οΈ Socially Conscious",
126
  description="""
127
  Socially Conscious work shows us how machine learning can support efforts toward a stronger society!
@@ -163,6 +173,7 @@ socially_conscious = Category(
163
  ]
164
  )
165
  consentful = Category(
 
166
  title="🀝 Consentful",
167
  description="""
168
  [What is consentful tech?](https://www.consentfultech.io)
@@ -204,6 +215,7 @@ consentful = Category(
204
  ]
205
  )
206
  sustainable = Category(
 
207
  title="🌎 Sustainable",
208
  description="""
209
  This is work that highlights and explores techniques for making machine learning ecologically sustainable.
@@ -239,6 +251,7 @@ sustainable = Category(
239
  ]
240
  )
241
  inquisitive = Category(
 
242
  title="πŸ€” Inquisitive",
243
  description="""
244
  Some projects take a radical new approach to concepts which may have become commonplace. These projects, often rooted in critical theory, shine a light on inequities and power structures which challenge the community to rethink its relationship to technology.
@@ -313,13 +326,16 @@ def category_tab(category):
313
  with gr.Tab(label="Spaces"):
314
  with gr.Row(elem_id="spaces-flex"):
315
  [space_card(x) for x in category.spaces]
 
 
 
316
  with gr.Tab(label="Models - Coming Soon!"):
317
  gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured models πŸ€—")
318
  with gr.Tab(label="Datasets - Coming Soon!"):
319
  gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured datasets πŸ€—")
320
 
321
 
322
- with gr.Blocks(css="#margin-top {margin-top: 15px} #center {text-align: center;} #news-tab {padding: 15px;} #news-tab h3 {margin: 0px; text-align: center;} #news-tab p {margin: 0px;} #article-button {flex-grow: initial;} #news-row {align-items: center;} #spaces-flex {flex-wrap: wrap;} #space-card { display: flex; min-width: calc(90% / 3); max-width:calc(100% / 3); box-sizing: border-box;} #event-tabs {margin-top: 0px;}") as demo:
323
  with gr.Row(elem_id="center"):
324
  gr.Markdown("# Ethics & Society at Hugging Face")
325
 
 
1
  import gradio as gr
2
  from typing import List
3
+ from datasets import load_dataset
4
+
5
+ from paper_tile import paper_tile
6
+
7
+
8
+ papers = load_dataset("society-ethics/papers", split="train")
9
 
10
 
11
  class Space:
 
21
 
22
 
23
  class Category:
24
+ def __init__(self, category_id, title, description, news: List[News] = None, spaces=None):
25
  if news is None:
26
  news = []
27
 
28
  if spaces is None:
29
  spaces = []
30
 
31
+ self.category_id = category_id
32
  self.title = title
33
  self.description = description
34
  self.news = news
 
36
 
37
 
38
  inclusive = Category(
39
+ category_id="inclusive",
40
  title="πŸ§‘β€πŸ€β€πŸ§‘ Inclusive",
41
  description="""
42
  These are projects which broaden the scope of who _builds_ and _benefits_ in the machine learning world.
 
73
  ]
74
  )
75
  rigorous = Category(
76
+ category_id="rigorous",
77
  title="✍️ Rigorous",
78
  description="""
79
  Among the many concerns that go into creating new models is a seemingly simple question: "Does it work?"
 
131
  ]
132
  )
133
  socially_conscious = Category(
134
+ category_id="socially conscious",
135
  title="πŸ‘οΈβ€πŸ—¨οΈ Socially Conscious",
136
  description="""
137
  Socially Conscious work shows us how machine learning can support efforts toward a stronger society!
 
173
  ]
174
  )
175
  consentful = Category(
176
+ category_id="consentful",
177
  title="🀝 Consentful",
178
  description="""
179
  [What is consentful tech?](https://www.consentfultech.io)
 
215
  ]
216
  )
217
  sustainable = Category(
218
+ category_id="sustainable",
219
  title="🌎 Sustainable",
220
  description="""
221
  This is work that highlights and explores techniques for making machine learning ecologically sustainable.
 
251
  ]
252
  )
253
  inquisitive = Category(
254
+ category_id="inquisitive",
255
  title="πŸ€” Inquisitive",
256
  description="""
257
  Some projects take a radical new approach to concepts which may have become commonplace. These projects, often rooted in critical theory, shine a light on inequities and power structures which challenge the community to rethink its relationship to technology.
 
326
  with gr.Tab(label="Spaces"):
327
  with gr.Row(elem_id="spaces-flex"):
328
  [space_card(x) for x in category.spaces]
329
+ with gr.Tab(label="πŸ€— Hugging Face Papers"):
330
+ with gr.Row(elem_id="spaces-flex"):
331
+ [paper_tile(p) for p in papers.filter(lambda p: category.category_id in p["tags"])]
332
  with gr.Tab(label="Models - Coming Soon!"):
333
  gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured models πŸ€—")
334
  with gr.Tab(label="Datasets - Coming Soon!"):
335
  gr.Markdown(elem_id="margin-top", value="#### Check back soon for featured datasets πŸ€—")
336
 
337
 
338
+ with gr.Blocks(css="#margin-top {margin-top: 15px} #center {text-align: center;} #news-tab {padding: 15px;} #news-tab h3 {margin: 0px; text-align: center;} #news-tab p {margin: 0px;} #article-button {flex-grow: initial;} #news-row {align-items: center;} #spaces-flex {flex-wrap: wrap; justify-content: space-around;} #space-card { display: flex; min-width: calc(90% / 3); max-width:calc(100% / 3); box-sizing: border-box;} #event-tabs {margin-top: 0px;} #spaces-flex > #paper-tile {min-width: 30%; max-width: 30%;}") as demo:
339
  with gr.Row(elem_id="center"):
340
  gr.Markdown("# Ethics & Society at Hugging Face")
341
 
paper_tile.py ADDED
@@ -0,0 +1,636 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import gradio as gr
2
+
3
+
4
+ def paper_tile(paper):
5
+ arxiv_id = paper["url"].split("/")[-1]
6
+
7
+ return gr.HTML(elem_id="paper-tile", value=f"""
8
+ <article style="
9
+ -webkit-text-size-adjust: 100%;
10
+ font-feature-settings: normal;
11
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
12
+ tab-size: 4;
13
+ --animate-duration: 1s;
14
+ --animate-delay: 1s;
15
+ --animate-repeat: 1;
16
+ --tw-bg-opacity: 1;
17
+ --tw-text-opacity: 1;
18
+ color: rgb(0 0 0/var(--tw-text-opacity));
19
+ --tw-space-y-reverse: 0;
20
+ border: 0 solid #e5e7eb;
21
+ box-sizing: border-box;
22
+ --tw-border-spacing-x: 0;
23
+ --tw-border-spacing-y: 0;
24
+ --tw-translate-x: 0;
25
+ --tw-translate-y: 0;
26
+ --tw-rotate: 0;
27
+ --tw-skew-x: 0;
28
+ --tw-skew-y: 0;
29
+ --tw-scale-x: 1;
30
+ --tw-scale-y: 1;
31
+ --tw-pan-x: ;
32
+ --tw-pan-y: ;
33
+ --tw-pinch-zoom: ;
34
+ --tw-scroll-snap-strictness: proximity;
35
+ --tw-ordinal: ;
36
+ --tw-slashed-zero: ;
37
+ --tw-numeric-figure: ;
38
+ --tw-numeric-spacing: ;
39
+ --tw-numeric-fraction: ;
40
+ --tw-ring-inset: ;
41
+ --tw-ring-offset-width: 0px;
42
+ --tw-ring-offset-color: #fff;
43
+ --tw-ring-color: rgba(59,130,246,.5);
44
+ --tw-ring-offset-shadow: 0 0 #0000;
45
+ --tw-ring-shadow: 0 0 #0000;
46
+ --tw-blur: ;
47
+ --tw-brightness: ;
48
+ --tw-contrast: ;
49
+ --tw-grayscale: ;
50
+ --tw-hue-rotate: ;
51
+ --tw-invert: ;
52
+ --tw-saturate: ;
53
+ --tw-sepia: ;
54
+ --tw-drop-shadow: ;
55
+ --tw-backdrop-blur: ;
56
+ --tw-backdrop-brightness: ;
57
+ --tw-backdrop-contrast: ;
58
+ --tw-backdrop-grayscale: ;
59
+ --tw-backdrop-hue-rotate: ;
60
+ --tw-backdrop-invert: ;
61
+ --tw-backdrop-opacity: ;
62
+ --tw-backdrop-saturate: ;
63
+ --tw-backdrop-sepia: ;
64
+ --tw-border-opacity: 1;
65
+ --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
66
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
67
+ --tw-gradient-from: #f9fafb;
68
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
69
+ --tw-gradient-to: #fff;
70
+ background-image: linear-gradient(to right,var(--tw-gradient-stops));
71
+ border-color: rgb(243 244 246/var(--tw-border-opacity));
72
+ box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
73
+ font-size: 1rem;
74
+ line-height: 1.5rem;
75
+ position: relative;
76
+ height: 11rem;
77
+ overflow: hidden;
78
+ border-radius: .5rem;
79
+ border-width: 1px;
80
+ ">
81
+ <a href="https://hf.co/papers/{arxiv_id}" style="
82
+ -webkit-text-size-adjust: 100%;
83
+ font-feature-settings: normal;
84
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
85
+ tab-size: 4;
86
+ --animate-duration: 1s;
87
+ --animate-delay: 1s;
88
+ --animate-repeat: 1;
89
+ --tw-bg-opacity: 1;
90
+ --tw-text-opacity: 1;
91
+ --tw-space-y-reverse: 0;
92
+ --tw-border-opacity: 1;
93
+ --tw-gradient-from: #f9fafb;
94
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
95
+ --tw-gradient-to: #fff;
96
+ font-size: 1rem;
97
+ line-height: 1.5rem;
98
+ border: 0 solid #e5e7eb;
99
+ box-sizing: border-box;
100
+ --tw-border-spacing-x: 0;
101
+ --tw-border-spacing-y: 0;
102
+ --tw-translate-x: 0;
103
+ --tw-translate-y: 0;
104
+ --tw-rotate: 0;
105
+ --tw-skew-x: 0;
106
+ --tw-skew-y: 0;
107
+ --tw-scale-x: 1;
108
+ --tw-scale-y: 1;
109
+ --tw-pan-x: ;
110
+ --tw-pan-y: ;
111
+ --tw-pinch-zoom: ;
112
+ --tw-scroll-snap-strictness: proximity;
113
+ --tw-ordinal: ;
114
+ --tw-slashed-zero: ;
115
+ --tw-numeric-figure: ;
116
+ --tw-numeric-spacing: ;
117
+ --tw-numeric-fraction: ;
118
+ --tw-ring-inset: ;
119
+ --tw-ring-offset-width: 0px;
120
+ --tw-ring-offset-color: #fff;
121
+ --tw-ring-color: rgba(59,130,246,.5);
122
+ --tw-ring-offset-shadow: 0 0 #0000;
123
+ --tw-ring-shadow: 0 0 #0000;
124
+ --tw-shadow: 0 0 #0000;
125
+ --tw-shadow-colored: 0 0 #0000;
126
+ --tw-blur: ;
127
+ --tw-brightness: ;
128
+ --tw-contrast: ;
129
+ --tw-grayscale: ;
130
+ --tw-hue-rotate: ;
131
+ --tw-invert: ;
132
+ --tw-saturate: ;
133
+ --tw-sepia: ;
134
+ --tw-drop-shadow: ;
135
+ --tw-backdrop-blur: ;
136
+ --tw-backdrop-brightness: ;
137
+ --tw-backdrop-contrast: ;
138
+ --tw-backdrop-grayscale: ;
139
+ --tw-backdrop-hue-rotate: ;
140
+ --tw-backdrop-invert: ;
141
+ --tw-backdrop-opacity: ;
142
+ --tw-backdrop-saturate: ;
143
+ --tw-backdrop-sepia: ;
144
+ color: inherit;
145
+ text-decoration: inherit;
146
+ ">
147
+ <div style="
148
+ -webkit-text-size-adjust: 100%;
149
+ font-feature-settings: normal;
150
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
151
+ tab-size: 4;
152
+ --animate-duration: 1s;
153
+ --animate-delay: 1s;
154
+ --animate-repeat: 1;
155
+ --tw-space-y-reverse: 0;
156
+ --tw-border-opacity: 1;
157
+ --tw-gradient-from: #f9fafb;
158
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
159
+ --tw-gradient-to: #fff;
160
+ font-size: 1rem;
161
+ line-height: 1.5rem;
162
+ border: 0 solid #e5e7eb;
163
+ box-sizing: border-box;
164
+ --tw-border-spacing-x: 0;
165
+ --tw-border-spacing-y: 0;
166
+ --tw-translate-x: 0;
167
+ --tw-translate-y: 0;
168
+ --tw-rotate: 0;
169
+ --tw-skew-x: 0;
170
+ --tw-skew-y: 0;
171
+ --tw-scale-x: 1;
172
+ --tw-scale-y: 1;
173
+ --tw-pan-x: ;
174
+ --tw-pan-y: ;
175
+ --tw-pinch-zoom: ;
176
+ --tw-scroll-snap-strictness: proximity;
177
+ --tw-ordinal: ;
178
+ --tw-slashed-zero: ;
179
+ --tw-numeric-figure: ;
180
+ --tw-numeric-spacing: ;
181
+ --tw-numeric-fraction: ;
182
+ --tw-ring-inset: ;
183
+ --tw-ring-offset-width: 0px;
184
+ --tw-ring-offset-color: #fff;
185
+ --tw-ring-color: rgba(59,130,246,.5);
186
+ --tw-ring-offset-shadow: 0 0 #0000;
187
+ --tw-ring-shadow: 0 0 #0000;
188
+ --tw-shadow: 0 0 #0000;
189
+ --tw-shadow-colored: 0 0 #0000;
190
+ --tw-blur: ;
191
+ --tw-brightness: ;
192
+ --tw-contrast: ;
193
+ --tw-grayscale: ;
194
+ --tw-hue-rotate: ;
195
+ --tw-invert: ;
196
+ --tw-saturate: ;
197
+ --tw-sepia: ;
198
+ --tw-drop-shadow: ;
199
+ --tw-backdrop-blur: ;
200
+ --tw-backdrop-brightness: ;
201
+ --tw-backdrop-contrast: ;
202
+ --tw-backdrop-grayscale: ;
203
+ --tw-backdrop-hue-rotate: ;
204
+ --tw-backdrop-invert: ;
205
+ --tw-backdrop-opacity: ;
206
+ --tw-backdrop-saturate: ;
207
+ --tw-backdrop-sepia: ;
208
+ position: absolute;
209
+ left: 0;
210
+ right: 0;
211
+ bottom: -.125rem;
212
+ z-index: 1;
213
+ margin: auto;
214
+ display: flex;
215
+ width: fit-content;
216
+ align-items: center;
217
+ border-top-left-radius: .5rem;
218
+ border-top-right-radius: .5rem;
219
+ border-width: 1px;
220
+ --tw-bg-opacity: 1;
221
+ background-color: rgb(255 255 255/var(--tw-bg-opacity));
222
+ padding-left: .5rem;
223
+ padding-right: .5rem;
224
+ --tw-text-opacity: 1;
225
+ color: rgb(156 163 175/var(--tw-text-opacity));
226
+ ">
227
+ <svg style="
228
+ -webkit-text-size-adjust: 100%;
229
+ font-feature-settings: normal;
230
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
231
+ tab-size: 4;
232
+ --animate-duration: 1s;
233
+ --animate-delay: 1s;
234
+ --animate-repeat: 1;
235
+ --tw-space-y-reverse: 0;
236
+ --tw-border-opacity: 1;
237
+ --tw-gradient-from: #f9fafb;
238
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
239
+ --tw-gradient-to: #fff;
240
+ font-size: 1rem;
241
+ line-height: 1.5rem;
242
+ --tw-bg-opacity: 1;
243
+ width: 1em;
244
+ height: 1em;
245
+ fill: none;
246
+ border: 0 solid #e5e7eb;
247
+ box-sizing: border-box;
248
+ --tw-border-spacing-x: 0;
249
+ --tw-border-spacing-y: 0;
250
+ --tw-translate-x: 0;
251
+ --tw-translate-y: 0;
252
+ --tw-rotate: 0;
253
+ --tw-skew-x: 0;
254
+ --tw-skew-y: 0;
255
+ --tw-scale-x: 1;
256
+ --tw-scale-y: 1;
257
+ --tw-pan-x: ;
258
+ --tw-pan-y: ;
259
+ --tw-pinch-zoom: ;
260
+ --tw-scroll-snap-strictness: proximity;
261
+ --tw-ordinal: ;
262
+ --tw-slashed-zero: ;
263
+ --tw-numeric-figure: ;
264
+ --tw-numeric-spacing: ;
265
+ --tw-numeric-fraction: ;
266
+ --tw-ring-inset: ;
267
+ --tw-ring-offset-width: 0px;
268
+ --tw-ring-offset-color: #fff;
269
+ --tw-ring-color: rgba(59,130,246,.5);
270
+ --tw-ring-offset-shadow: 0 0 #0000;
271
+ --tw-ring-shadow: 0 0 #0000;
272
+ --tw-shadow: 0 0 #0000;
273
+ --tw-shadow-colored: 0 0 #0000;
274
+ --tw-blur: ;
275
+ --tw-brightness: ;
276
+ --tw-contrast: ;
277
+ --tw-grayscale: ;
278
+ --tw-hue-rotate: ;
279
+ --tw-invert: ;
280
+ --tw-saturate: ;
281
+ --tw-sepia: ;
282
+ --tw-drop-shadow: ;
283
+ --tw-backdrop-blur: ;
284
+ --tw-backdrop-brightness: ;
285
+ --tw-backdrop-contrast: ;
286
+ --tw-backdrop-grayscale: ;
287
+ --tw-backdrop-hue-rotate: ;
288
+ --tw-backdrop-invert: ;
289
+ --tw-backdrop-opacity: ;
290
+ --tw-backdrop-saturate: ;
291
+ --tw-backdrop-sepia: ;
292
+ display: block;
293
+ vertical-align: middle;
294
+ margin-right: .5rem;
295
+ --tw-text-opacity: 1;
296
+ color: rgb(17 24 39/var(--tw-text-opacity));
297
+ " xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" viewBox="0 0 12 12" preserveAspectRatio="xMidYMid meet" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M7.55 1.02c.29 0 .58.11.8.29l1.48 1.22c.3.25.45.6.45.97v6.22c0 .7-.56 1.26-1.25 1.26H2.97c-.7 0-1.26-.56-1.26-1.26V2.28c0-.7.56-1.26 1.26-1.26h4.57Zm.11 3.63c-.76 0-1.36-.6-1.36-1.36v-.7a.62.62 0 0 0-.63-.64h-2.7a.31.31 0 0 0-.31.33v7.44c0 .18.13.33.3.33h6.07c.18 0 .31-.15.31-.33V5.3a.62.62 0 0 0-.62-.64H7.65h.01Z" clip-rule="evenodd" style="
298
+ -webkit-text-size-adjust: 100%;
299
+ font-feature-settings: normal;
300
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
301
+ tab-size: 4;
302
+ --animate-duration: 1s;
303
+ --animate-delay: 1s;
304
+ --animate-repeat: 1;
305
+ --tw-space-y-reverse: 0;
306
+ --tw-border-opacity: 1;
307
+ --tw-gradient-from: #f9fafb;
308
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
309
+ --tw-gradient-to: #fff;
310
+ font-size: 1rem;
311
+ line-height: 1.5rem;
312
+ --tw-bg-opacity: 1;
313
+ --tw-text-opacity: 1;
314
+ color: rgb(17 24 39/var(--tw-text-opacity));
315
+ fill: currentcolor;
316
+ fill-rule: evenodd;
317
+ d: path("M 7.55 1.02 c 0.29 0 0.58 0.11 0.8 0.29 l 1.48 1.22 c 0.3 0.25 0.45 0.6 0.45 0.97 v 6.22 c 0 0.7 -0.56 1.26 -1.25 1.26 H 2.97 c -0.7 0 -1.26 -0.56 -1.26 -1.26 V 2.28 c 0 -0.7 0.56 -1.26 1.26 -1.26 h 4.57 Z m 0.11 3.63 c -0.76 0 -1.36 -0.6 -1.36 -1.36 v -0.7 a 0.62 0.62 0 0 0 -0.63 -0.64 h -2.7 a 0.31 0.31 0 0 0 -0.31 0.33 v 7.44 c 0 0.18 0.13 0.33 0.3 0.33 h 6.07 c 0.18 0 0.31 -0.15 0.31 -0.33 V 5.3 a 0.62 0.62 0 0 0 -0.62 -0.64 H 7.65 h 0.01 Z");
318
+ clip-rule: evenodd;
319
+ border: 0 solid #e5e7eb;
320
+ box-sizing: border-box;
321
+ --tw-border-spacing-x: 0;
322
+ --tw-border-spacing-y: 0;
323
+ --tw-translate-x: 0;
324
+ --tw-translate-y: 0;
325
+ --tw-rotate: 0;
326
+ --tw-skew-x: 0;
327
+ --tw-skew-y: 0;
328
+ --tw-scale-x: 1;
329
+ --tw-scale-y: 1;
330
+ --tw-pan-x: ;
331
+ --tw-pan-y: ;
332
+ --tw-pinch-zoom: ;
333
+ --tw-scroll-snap-strictness: proximity;
334
+ --tw-ordinal: ;
335
+ --tw-slashed-zero: ;
336
+ --tw-numeric-figure: ;
337
+ --tw-numeric-spacing: ;
338
+ --tw-numeric-fraction: ;
339
+ --tw-ring-inset: ;
340
+ --tw-ring-offset-width: 0px;
341
+ --tw-ring-offset-color: #fff;
342
+ --tw-ring-color: rgba(59,130,246,.5);
343
+ --tw-ring-offset-shadow: 0 0 #0000;
344
+ --tw-ring-shadow: 0 0 #0000;
345
+ --tw-shadow: 0 0 #0000;
346
+ --tw-shadow-colored: 0 0 #0000;
347
+ --tw-blur: ;
348
+ --tw-brightness: ;
349
+ --tw-contrast: ;
350
+ --tw-grayscale: ;
351
+ --tw-hue-rotate: ;
352
+ --tw-invert: ;
353
+ --tw-saturate: ;
354
+ --tw-sepia: ;
355
+ --tw-drop-shadow: ;
356
+ --tw-backdrop-blur: ;
357
+ --tw-backdrop-brightness: ;
358
+ --tw-backdrop-contrast: ;
359
+ --tw-backdrop-grayscale: ;
360
+ --tw-backdrop-hue-rotate: ;
361
+ --tw-backdrop-invert: ;
362
+ --tw-backdrop-opacity: ;
363
+ --tw-backdrop-saturate: ;
364
+ --tw-backdrop-sepia: ;
365
+ "></path></svg>
366
+ <span style="
367
+ -webkit-text-size-adjust: 100%;
368
+ font-feature-settings: normal;
369
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
370
+ tab-size: 4;
371
+ --animate-duration: 1s;
372
+ --animate-delay: 1s;
373
+ --animate-repeat: 1;
374
+ --tw-space-y-reverse: 0;
375
+ --tw-border-opacity: 1;
376
+ --tw-gradient-from: #f9fafb;
377
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
378
+ --tw-gradient-to: #fff;
379
+ font-size: 1rem;
380
+ line-height: 1.5rem;
381
+ --tw-bg-opacity: 1;
382
+ --tw-text-opacity: 1;
383
+ color: rgb(156 163 175/var(--tw-text-opacity));
384
+ border: 0 solid #e5e7eb;
385
+ box-sizing: border-box;
386
+ --tw-border-spacing-x: 0;
387
+ --tw-border-spacing-y: 0;
388
+ --tw-translate-x: 0;
389
+ --tw-translate-y: 0;
390
+ --tw-rotate: 0;
391
+ --tw-skew-x: 0;
392
+ --tw-skew-y: 0;
393
+ --tw-scale-x: 1;
394
+ --tw-scale-y: 1;
395
+ --tw-pan-x: ;
396
+ --tw-pan-y: ;
397
+ --tw-pinch-zoom: ;
398
+ --tw-scroll-snap-strictness: proximity;
399
+ --tw-ordinal: ;
400
+ --tw-slashed-zero: ;
401
+ --tw-numeric-figure: ;
402
+ --tw-numeric-spacing: ;
403
+ --tw-numeric-fraction: ;
404
+ --tw-ring-inset: ;
405
+ --tw-ring-offset-width: 0px;
406
+ --tw-ring-offset-color: #fff;
407
+ --tw-ring-color: rgba(59,130,246,.5);
408
+ --tw-ring-offset-shadow: 0 0 #0000;
409
+ --tw-ring-shadow: 0 0 #0000;
410
+ --tw-shadow: 0 0 #0000;
411
+ --tw-shadow-colored: 0 0 #0000;
412
+ --tw-blur: ;
413
+ --tw-brightness: ;
414
+ --tw-contrast: ;
415
+ --tw-grayscale: ;
416
+ --tw-hue-rotate: ;
417
+ --tw-invert: ;
418
+ --tw-saturate: ;
419
+ --tw-sepia: ;
420
+ --tw-drop-shadow: ;
421
+ --tw-backdrop-blur: ;
422
+ --tw-backdrop-brightness: ;
423
+ --tw-backdrop-contrast: ;
424
+ --tw-backdrop-grayscale: ;
425
+ --tw-backdrop-hue-rotate: ;
426
+ --tw-backdrop-invert: ;
427
+ --tw-backdrop-opacity: ;
428
+ --tw-backdrop-saturate: ;
429
+ --tw-backdrop-sepia: ;
430
+ "><span style="
431
+ -webkit-text-size-adjust: 100%;
432
+ font-feature-settings: normal;
433
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
434
+ tab-size: 4;
435
+ --animate-duration: 1s;
436
+ --animate-delay: 1s;
437
+ --animate-repeat: 1;
438
+ --tw-space-y-reverse: 0;
439
+ --tw-border-opacity: 1;
440
+ --tw-gradient-from: #f9fafb;
441
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
442
+ --tw-gradient-to: #fff;
443
+ font-size: 1rem;
444
+ line-height: 1.5rem;
445
+ --tw-bg-opacity: 1;
446
+ --tw-text-opacity: 1;
447
+ color: rgb(156 163 175/var(--tw-text-opacity));
448
+ border: 0 solid #e5e7eb;
449
+ box-sizing: border-box;
450
+ --tw-border-spacing-x: 0;
451
+ --tw-border-spacing-y: 0;
452
+ --tw-translate-x: 0;
453
+ --tw-translate-y: 0;
454
+ --tw-rotate: 0;
455
+ --tw-skew-x: 0;
456
+ --tw-skew-y: 0;
457
+ --tw-scale-x: 1;
458
+ --tw-scale-y: 1;
459
+ --tw-pan-x: ;
460
+ --tw-pan-y: ;
461
+ --tw-pinch-zoom: ;
462
+ --tw-scroll-snap-strictness: proximity;
463
+ --tw-ordinal: ;
464
+ --tw-slashed-zero: ;
465
+ --tw-numeric-figure: ;
466
+ --tw-numeric-spacing: ;
467
+ --tw-numeric-fraction: ;
468
+ --tw-ring-inset: ;
469
+ --tw-ring-offset-width: 0px;
470
+ --tw-ring-offset-color: #fff;
471
+ --tw-ring-color: rgba(59,130,246,.5);
472
+ --tw-ring-offset-shadow: 0 0 #0000;
473
+ --tw-ring-shadow: 0 0 #0000;
474
+ --tw-shadow: 0 0 #0000;
475
+ --tw-shadow-colored: 0 0 #0000;
476
+ --tw-blur: ;
477
+ --tw-brightness: ;
478
+ --tw-contrast: ;
479
+ --tw-grayscale: ;
480
+ --tw-hue-rotate: ;
481
+ --tw-invert: ;
482
+ --tw-saturate: ;
483
+ --tw-sepia: ;
484
+ --tw-drop-shadow: ;
485
+ --tw-backdrop-blur: ;
486
+ --tw-backdrop-brightness: ;
487
+ --tw-backdrop-contrast: ;
488
+ --tw-backdrop-grayscale: ;
489
+ --tw-backdrop-hue-rotate: ;
490
+ --tw-backdrop-invert: ;
491
+ --tw-backdrop-opacity: ;
492
+ --tw-backdrop-saturate: ;
493
+ --tw-backdrop-sepia: ;
494
+ ">arxiv:</span><span style="
495
+ -webkit-text-size-adjust: 100%;
496
+ font-feature-settings: normal;
497
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
498
+ tab-size: 4;
499
+ --animate-duration: 1s;
500
+ --animate-delay: 1s;
501
+ --animate-repeat: 1;
502
+ --tw-space-y-reverse: 0;
503
+ --tw-border-opacity: 1;
504
+ --tw-gradient-from: #f9fafb;
505
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
506
+ --tw-gradient-to: #fff;
507
+ font-size: 1rem;
508
+ line-height: 1.5rem;
509
+ --tw-bg-opacity: 1;
510
+ border: 0 solid #e5e7eb;
511
+ box-sizing: border-box;
512
+ --tw-border-spacing-x: 0;
513
+ --tw-border-spacing-y: 0;
514
+ --tw-translate-x: 0;
515
+ --tw-translate-y: 0;
516
+ --tw-rotate: 0;
517
+ --tw-skew-x: 0;
518
+ --tw-skew-y: 0;
519
+ --tw-scale-x: 1;
520
+ --tw-scale-y: 1;
521
+ --tw-pan-x: ;
522
+ --tw-pan-y: ;
523
+ --tw-pinch-zoom: ;
524
+ --tw-scroll-snap-strictness: proximity;
525
+ --tw-ordinal: ;
526
+ --tw-slashed-zero: ;
527
+ --tw-numeric-figure: ;
528
+ --tw-numeric-spacing: ;
529
+ --tw-numeric-fraction: ;
530
+ --tw-ring-inset: ;
531
+ --tw-ring-offset-width: 0px;
532
+ --tw-ring-offset-color: #fff;
533
+ --tw-ring-color: rgba(59,130,246,.5);
534
+ --tw-ring-offset-shadow: 0 0 #0000;
535
+ --tw-ring-shadow: 0 0 #0000;
536
+ --tw-shadow: 0 0 #0000;
537
+ --tw-shadow-colored: 0 0 #0000;
538
+ --tw-blur: ;
539
+ --tw-brightness: ;
540
+ --tw-contrast: ;
541
+ --tw-grayscale: ;
542
+ --tw-hue-rotate: ;
543
+ --tw-invert: ;
544
+ --tw-saturate: ;
545
+ --tw-sepia: ;
546
+ --tw-drop-shadow: ;
547
+ --tw-backdrop-blur: ;
548
+ --tw-backdrop-brightness: ;
549
+ --tw-backdrop-contrast: ;
550
+ --tw-backdrop-grayscale: ;
551
+ --tw-backdrop-hue-rotate: ;
552
+ --tw-backdrop-invert: ;
553
+ --tw-backdrop-opacity: ;
554
+ --tw-backdrop-saturate: ;
555
+ --tw-backdrop-sepia: ;
556
+ --tw-text-opacity: 1;
557
+ color: rgb(17 24 39/var(--tw-text-opacity));
558
+ ">{arxiv_id}</span></span>
559
+ </div>
560
+ <img style="
561
+ -webkit-text-size-adjust: 100%;
562
+ font-feature-settings: normal;
563
+ font-family: Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
564
+ tab-size: 4;
565
+ --animate-duration: 1s;
566
+ --animate-delay: 1s;
567
+ --animate-repeat: 1;
568
+ --tw-bg-opacity: 1;
569
+ --tw-text-opacity: 1;
570
+ --tw-space-y-reverse: 0;
571
+ --tw-border-opacity: 1;
572
+ --tw-gradient-from: #f9fafb;
573
+ --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
574
+ --tw-gradient-to: #fff;
575
+ font-size: 1rem;
576
+ line-height: 1.5rem;
577
+ color: inherit;
578
+ border: 0 solid #e5e7eb;
579
+ box-sizing: border-box;
580
+ --tw-border-spacing-x: 0;
581
+ --tw-border-spacing-y: 0;
582
+ --tw-translate-x: 0;
583
+ --tw-translate-y: 0;
584
+ --tw-rotate: 0;
585
+ --tw-skew-x: 0;
586
+ --tw-skew-y: 0;
587
+ --tw-scale-x: 1;
588
+ --tw-scale-y: 1;
589
+ --tw-pan-x: ;
590
+ --tw-pan-y: ;
591
+ --tw-pinch-zoom: ;
592
+ --tw-scroll-snap-strictness: proximity;
593
+ --tw-ordinal: ;
594
+ --tw-slashed-zero: ;
595
+ --tw-numeric-figure: ;
596
+ --tw-numeric-spacing: ;
597
+ --tw-numeric-fraction: ;
598
+ --tw-ring-inset: ;
599
+ --tw-ring-offset-width: 0px;
600
+ --tw-ring-offset-color: #fff;
601
+ --tw-ring-color: rgba(59,130,246,.5);
602
+ --tw-ring-offset-shadow: 0 0 #0000;
603
+ --tw-ring-shadow: 0 0 #0000;
604
+ --tw-shadow: 0 0 #0000;
605
+ --tw-shadow-colored: 0 0 #0000;
606
+ --tw-blur: ;
607
+ --tw-brightness: ;
608
+ --tw-contrast: ;
609
+ --tw-grayscale: ;
610
+ --tw-hue-rotate: ;
611
+ --tw-invert: ;
612
+ --tw-saturate: ;
613
+ --tw-sepia: ;
614
+ --tw-drop-shadow: ;
615
+ --tw-backdrop-blur: ;
616
+ --tw-backdrop-brightness: ;
617
+ --tw-backdrop-contrast: ;
618
+ --tw-backdrop-grayscale: ;
619
+ --tw-backdrop-hue-rotate: ;
620
+ --tw-backdrop-invert: ;
621
+ --tw-backdrop-opacity: ;
622
+ --tw-backdrop-saturate: ;
623
+ --tw-backdrop-sepia: ;
624
+ display: block;
625
+ vertical-align: middle;
626
+ max-width: 100%;
627
+ height: 11rem;
628
+ width: 100%;
629
+ border-radius: .5rem;
630
+ object-fit: cover;
631
+ object-position: top;
632
+ " src="https://thumbnails.huggingface.co/social-thumbnails/papers/{arxiv_id}.png" alt="" loading="lazy">
633
+ </a>
634
+
635
+ </article>
636
+ """)
requirements.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ datasets
2
+ gradio