ysharma HF Staff commited on
Commit
c968bcc
Β·
verified Β·
1 Parent(s): 0b61f0c

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +45 -212
README.md CHANGED
@@ -9,286 +9,119 @@ pinned: false
9
 
10
  <div align="center">
11
 
12
- <sub><i>~ a hackathon for small things ~</i></sub>
13
 
14
- # Build &nbsp;Β·&nbsp; *Small.*
15
 
16
- #### A two-week hackathon for tiny weights, big ideas, and the things you can build close to home.
17
-
18
- Hosted by **Gradio** &nbsp;✦&nbsp; **Hugging Face**
19
-
20
- `Two tracks` &nbsp;Β·&nbsp; `Models ≀ 22GB` &nbsp;Β·&nbsp; `Built on Gradio` &nbsp;Β·&nbsp; `Open to everyone`
21
-
22
- </div>
23
-
24
- ---
25
-
26
- <div align="center">
27
-
28
- ### *The internet is full of giant models doing giant things.*
29
- ### *This isn't that.*
30
 
31
  </div>
32
 
33
- For two weeks, we want to see what you can do with **small models**, **tight constraints**, and **care for the people right around you**. Build for one neighbor. Build something that runs on the laptop you already own. Build something a child could love.
34
-
35
- Pick a track, ship a Gradio app, and tell us a story.
36
-
37
- ---
38
-
39
- <div align="center">
40
-
41
- <sub><i>~ choose your path ~</i></sub>
42
 
43
- ## Two Tracks.
44
-
45
- </div>
46
 
47
  <table>
48
  <tr>
49
  <td width="50%" valign="top">
50
 
51
- ### 🏑 &nbsp; Backyard AI
52
-
53
- <sub>*Chapter One*</sub>
54
-
55
- ***Solve a real problem for someone you actually know.***
56
-
57
- Pick a person β€” a neighbor, a parent, a small business owner on your street β€” and build something that makes their day measurably better. Walk over. Watch them use it. The closer the problem, the better the project.
58
 
59
- <sub>**JUDGING CRITERIA**</sub>
60
 
61
- ✦&nbsp; The problem is specific and real (not invented for the demo)
62
 
63
- ✦&nbsp; The person it was built for actually used it
64
-
65
- ✦&nbsp; Honest fit between problem, solution, and the small-model constraint
66
-
67
- ✦&nbsp; Polish and craft of the Gradio app
68
 
69
  </td>
70
  <td width="50%" valign="top">
71
 
72
- ### πŸ„ &nbsp; *An Adventure in Thousand Token Wood*
73
-
74
- <sub>*Chapter Two*</sub>
75
-
76
- ***Build something delightful that wouldn't exist without AI.***
77
 
78
- Wander somewhere weirder. A toy, a tiny game, a strange interactive story, an art experiment that surprises you. The AI should be doing the fun thing β€” not just helping you build it. Strange is good. Joyful is the bar.
79
 
80
- <sub>**JUDGING CRITERIA**</sub>
81
 
82
- ✦&nbsp; Genuinely delightful β€” would you show a friend?
83
-
84
- ✦&nbsp; The AI is load-bearing for the experience
85
-
86
- ✦&nbsp; Originality of concept (we've seen the chatbot)
87
-
88
- ✦&nbsp; Polish and craft of the Gradio app
89
 
90
  </td>
91
  </tr>
92
  </table>
93
 
94
- ---
95
-
96
- <div align="center">
97
-
98
- <sub><i>~ rules of the land ~</i></sub>
99
-
100
- ## The Constraints.
101
-
102
- </div>
103
 
104
  <table>
105
  <tr>
106
- <td width="33%" align="center" valign="top">
107
-
108
- ### β‘ 
109
-
110
- #### Small Models Only
111
-
112
- Any model that fits inside **22 GB** of memory.
113
 
114
- <sub>*↳ pending team sign-off*</sub>
115
 
116
  </td>
117
- <td width="33%" align="center" valign="top">
118
-
119
- ### β‘‘
120
-
121
- #### Built on Gradio
122
 
123
- Your app must be a Gradio app, hosted as a Hugging Face Space.
124
 
125
  </td>
126
- <td width="33%" align="center" valign="top">
127
-
128
- ### β‘’
129
-
130
- #### Show, Don't Tell
131
 
132
- A short demo video and a social-media post about your project are part of the submission.
133
 
134
  </td>
135
  </tr>
136
  </table>
137
 
138
- ---
139
-
140
- <div align="center">
141
-
142
- <sub><i>~ getting started ~</i></sub>
143
-
144
- ## How It Works.
145
-
146
- </div>
147
-
148
  <table>
149
  <tr>
150
- <td width="25%" valign="top">
151
-
152
- ### *1.*
153
-
154
- #### Register
155
-
156
- Join this Hugging Face org. That's your ticket in β€” no application, no waitlist.
157
-
158
- </td>
159
- <td width="25%" valign="top">
160
-
161
- ### *2.*
162
-
163
- #### Find Your People
164
-
165
- Hop into the Gradio Discord channel. Office hours, AMAs, and teammates live there.
166
-
167
- </td>
168
- <td width="25%" valign="top">
169
-
170
- ### *3.*
171
-
172
- #### Build &amp; Ship
173
-
174
- Build your Gradio app and host it as a Space under this org during the hack window.
175
-
176
- </td>
177
- <td width="25%" valign="top">
178
-
179
- ### *4.*
180
-
181
- #### Submit
182
-
183
- Drop your **Space link**, a short **demo video**, and a **social post** by the deadline.
184
-
185
- </td>
186
  </tr>
187
  </table>
188
 
189
- ---
190
 
191
  <div align="center">
192
-
193
- <sub><i>~ extra credit ~</i></sub>
194
-
195
- ## Bonus Quests.
196
-
197
- *None of these are required. Each one bumps you up the leaderboard.*
198
- *Stack them like badges on a scout sash.*
199
-
200
  </div>
201
 
 
 
202
  <table>
203
  <tr>
204
- <td width="33%" valign="top">
205
-
206
- #### πŸ”Œ &nbsp; *Off the Grid*
207
-
208
- No cloud APIs. The whole thing runs on the model in front of you.
209
-
210
- </td>
211
- <td width="33%" valign="top">
212
-
213
- #### 🎯 &nbsp; *Well-Tuned*
214
-
215
- Your app uses a fine-tuned model you've published on Hugging Face.
216
-
217
- </td>
218
- <td width="33%" valign="top">
219
-
220
- #### 🎨 &nbsp; *Off-Brand*
221
-
222
- A custom frontend that pushes past the default Gradio look.
223
-
224
- </td>
225
  </tr>
226
  <tr>
227
- <td width="33%" valign="top">
228
-
229
- #### πŸ¦™ &nbsp; *Llama ChamPion*
230
-
231
- Your model runs through the llama.cpp runtime.
232
-
233
- </td>
234
- <td width="33%" valign="top">
235
-
236
- #### πŸ“‘ &nbsp; *Sharing is Caring*
237
-
238
- You shared your agent trace on the Hub.
239
-
240
- </td>
241
- <td width="33%" valign="top">
242
-
243
- #### πŸ““ &nbsp; *Field Notes*
244
-
245
- You wrote a blog post or report about what you built and what you learned. <sub>*tentative*</sub>
246
-
247
- </td>
248
  </tr>
249
  </table>
250
 
251
- ---
252
 
253
  <div align="center">
254
-
255
- <sub><i>~ when ~</i></sub>
256
-
257
- ## Timeline.
258
-
259
  </div>
260
 
261
- | | When | What |
262
  |:---:|:---|:---|
263
- | ● | *Week of [date TBD]* | **Registration opens** β€” sign up on the org, join Discord, start sketching ideas |
264
- | ● | *[date TBD]* | **Hack window begins** β€” two weeks to build, ship, and demo |
265
- | ● | *Mid-window* | **Live AMA + office hours** β€” ask the Gradio team anything |
266
- | ● | *[date TBD]* | **Submissions close** β€” Space, demo video, social post locked in |
267
- | ● | *[date TBD]* | **Winners announced** β€” per track, plus bonus-quest leaderboard |
268
-
269
- ---
270
 
271
  <div align="center">
272
 
273
  ## Build something *small.*
274
 
275
- *Two weeks. Two tracks. The model on your laptop. The neighbor next door.*
276
- *Let's make some little things.*
277
-
278
- ### β†’ &nbsp; [**Register on Hugging Face**](#) &nbsp; ←
279
-
280
- </div>
281
-
282
- ---
283
-
284
- <div align="center">
285
-
286
- <sub>**HOSTED BY Β· SPONSORED BY**</sub>
287
-
288
- **Gradio** &nbsp;Β·&nbsp; **Hugging Face** &nbsp;Β·&nbsp; *[ Sponsor TBD ]* &nbsp;Β·&nbsp; *[ Sponsor TBD ]*
289
 
290
- <br>
291
 
292
- <sub>Made with care by the Gradio team β€” questions? <a href="#">Find us on Discord</a></sub>
293
 
294
  </div>
 
9
 
10
  <div align="center">
11
 
12
+ <img src="./assets/banner.svg" alt="Build Small β€” a small hackathon by Gradio &amp; Hugging Face" width="100%"/>
13
 
14
+ <sub><b>HOSTED BY</b> &nbsp;Gradio &nbsp;Β·&nbsp; Hugging Face &nbsp;&nbsp;&nbsp;<b>SPONSORED BY</b> &nbsp;<i>[ TBD ]</i></sub>
15
 
16
+ ### *The internet is full of giant models doing giant things. This isn't that.*
 
 
 
 
 
 
 
 
 
 
 
 
 
17
 
18
  </div>
19
 
20
+ For two weekends, we want to see what you can do with **small models**, **tight constraints**, and **care for the people right around you**. Build for one neighbor. Build something that runs on the laptop you already own. Build something a child could love. Pick a track, ship a Gradio app, and tell us a story.
 
 
 
 
 
 
 
 
21
 
22
+ ## Two Tracks
 
 
23
 
24
  <table>
25
  <tr>
26
  <td width="50%" valign="top">
27
 
28
+ <img src="./assets/track-backyard.svg" alt="Backyard AI" width="100%"/>
 
 
 
 
 
 
29
 
30
+ #### 🏑 &nbsp; Backyard AI &nbsp; <sub><i>Chapter One</i></sub>
31
 
32
+ ***Solve a real problem for someone you actually know.*** Pick a person β€” a neighbor, a parent, a small business owner on your street β€” and build something that makes their day measurably better. Walk over. Watch them use it. The closer the problem, the better the project.
33
 
34
+ <sub>**JUDGED ON** &nbsp;Β·&nbsp; problem is specific and real &nbsp;Β·&nbsp; the person actually used it &nbsp;Β·&nbsp; honest fit between problem, solution, and the small-model constraint &nbsp;Β·&nbsp; polish of the Gradio app</sub>
 
 
 
 
35
 
36
  </td>
37
  <td width="50%" valign="top">
38
 
39
+ <img src="./assets/track-wood.svg" alt="Thousand Token Wood" width="100%"/>
 
 
 
 
40
 
41
+ #### πŸ„ &nbsp; *An Adventure in Thousand Token Wood* &nbsp; <sub><i>Chapter Two</i></sub>
42
 
43
+ ***Build something delightful that wouldn't exist without AI.*** Wander somewhere weirder. A toy, a tiny game, a strange interactive story, an art experiment that surprises you. The AI should be doing the fun thing β€” not just helping you build it. Strange is good. Joyful is the bar.
44
 
45
+ <sub>**JUDGED ON** &nbsp;Β·&nbsp; genuinely delightful (would you show a friend?) &nbsp;Β·&nbsp; AI is load-bearing for the experience &nbsp;Β·&nbsp; originality of concept &nbsp;Β·&nbsp; polish of the Gradio app</sub>
 
 
 
 
 
 
46
 
47
  </td>
48
  </tr>
49
  </table>
50
 
51
+ ## The Constraints &nbsp; Β· &nbsp; How It Works
 
 
 
 
 
 
 
 
52
 
53
  <table>
54
  <tr>
55
+ <td width="33%" valign="top">
 
 
 
 
 
 
56
 
57
+ **β‘  &nbsp; Small Models Only** β€” any model that fits inside **22 GB** of memory.
58
 
59
  </td>
60
+ <td width="33%" valign="top">
 
 
 
 
61
 
62
+ **β‘‘ &nbsp; Built on Gradio** β€” your app must be a Gradio app, hosted as a Hugging Face Space.
63
 
64
  </td>
65
+ <td width="33%" valign="top">
 
 
 
 
66
 
67
+ **β‘’ &nbsp; Show, Don't Tell** β€” a short demo video and a social-media post are part of the submission.
68
 
69
  </td>
70
  </tr>
71
  </table>
72
 
 
 
 
 
 
 
 
 
 
 
73
  <table>
74
  <tr>
75
+ <td width="25%" valign="top"><b>1. Register</b> β€” join this org. No application, no waitlist.</td>
76
+ <td width="25%" valign="top"><b>2. Find your people</b> β€” hop into the Gradio Discord. Office hours, AMAs, teammates live there.</td>
77
+ <td width="25%" valign="top"><b>3. Build &amp; ship</b> β€” build your Gradio app and host it as a Space under this org.</td>
78
+ <td width="25%" valign="top"><b>4. Submit</b> β€” drop your <b>Space link</b>, a <b>demo video</b>, and a <b>social post</b> by the deadline.</td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
79
  </tr>
80
  </table>
81
 
82
+ ## Bonus Quests
83
 
84
  <div align="center">
85
+ <img src="./assets/merit-badges.svg" alt="Six earnable merit badges" width="92%"/>
 
 
 
 
 
 
 
86
  </div>
87
 
88
+ *None required. Each one bumps you up the leaderboard. Stack them like badges on a scout sash.*
89
+
90
  <table>
91
  <tr>
92
+ <td width="33%" valign="top"><b>πŸ”Œ &nbsp; <i>Off the Grid</i></b><br/>No cloud APIs. The whole thing runs on the model in front of you.</td>
93
+ <td width="33%" valign="top"><b>🎯 &nbsp; <i>Well-Tuned</i></b><br/>Your app uses a fine-tuned model you've published on Hugging Face.</td>
94
+ <td width="33%" valign="top"><b>🎨 &nbsp; <i>Off-Brand</i></b><br/>A custom frontend that pushes past the default Gradio look.</td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
95
  </tr>
96
  <tr>
97
+ <td width="33%" valign="top"><b>πŸ¦™ &nbsp; <i>Llama Champion</i></b><br/>Your model runs through the llama.cpp runtime.</td>
98
+ <td width="33%" valign="top"><b>πŸ“‘ &nbsp; <i>Sharing is Caring</i></b><br/>You shared your agent trace on the Hub.</td>
99
+ <td width="33%" valign="top"><b>πŸ““ &nbsp; <i>Field Notes</i></b><br/>You wrote a blog post or report about what you built. <sub><i>tentative</i></sub></td>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
  </tr>
101
  </table>
102
 
103
+ ## Timeline
104
 
105
  <div align="center">
106
+ <img src="./assets/timeline-map.svg" alt="A hand-drawn map of the hackathon timeline" width="88%"/>
 
 
 
 
107
  </div>
108
 
109
+ | | When | What |
110
  |:---:|:---|:---|
111
+ | **I.** | *Week of [date TBD]* | **Registration opens** β€” sign up, join Discord, start sketching |
112
+ | **II.** | *[date TBD]* | **Hack window begins** β€” two weekends to build, ship, and demo |
113
+ | **III.** | *Mid-window* | **Live AMA + office hours** β€” ask the Gradio team anything |
114
+ | **IV.** | *[date TBD]* | **Submissions close** β€” Space, demo video, social post locked in |
115
+ | **V.** | *[date TBD]* | **Winners announced** β€” per track, plus bonus-quest leaderboard |
 
 
116
 
117
  <div align="center">
118
 
119
  ## Build something *small.*
120
 
121
+ *Two weekends. Two tracks. The model on your laptop. The neighbor next door.*
 
 
 
 
 
 
 
 
 
 
 
 
 
122
 
123
+ ### β†’ &nbsp; [**Register on Hugging Face**](#) &nbsp; ← <sub>*↳ placeholder link for now*</sub>
124
 
125
+ <sub>Made with care by the Gradio team &nbsp;Β·&nbsp; questions? <a href="#">Find us on Discord</a> &nbsp;Β·&nbsp; <i>vol. III Β· mmxxvi</i></sub>
126
 
127
  </div>