Spaces:
Running
Running
update links
Browse files
README.md
CHANGED
@@ -15,7 +15,7 @@ pinned: false
|
|
15 |
<p class="lg:col-span-2">
|
16 |
We are happy to invite you to the Gradio Blocks Party - a community event in which we will create <b>interactive demos</b> for state-of-the-art machine learning models. Demos are powerful because they allow anyone β not just ML engineers β to try out models in the browser, give feedback on predictions, identify trustworthy models. The event will take place from May 16th to 31st. We will be organizing this event on <a href="https://github.com/huggingface/community-events" target="_blank" style="text-decoration: underline">Github</a> and the <a href="https://discord.com/invite/feTf9x3ZSB" target="_blank" style="text-decoration: underline">Hugging Face discord channel</a>. Prizes will be given at the end of the event, see: <a href="#Prizes" target="_blank" style="text-decoration: underline">Prizes</a> </p><br />
|
17 |
|
18 |
-
<p class="lg:col-span-2"> We will be building demos using the new Gradio
|
19 |
</p>
|
20 |
<br />
|
21 |
<video class="lg:col-span-2"
|
@@ -33,7 +33,7 @@ pinned: false
|
|
33 |
<br />
|
34 |
<p class="lg:col-span-2"><code>pip install gradio</code> to install gradio locally</p>
|
35 |
<br />
|
36 |
-
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold"
|
37 |
<p class="lg:col-span-2">
|
38 |
<code>gradio.Blocks</code> is a low-level API that allows you to have full control over the data flows and layout of your application. You can build very complex, multi-step applications using Blocks.
|
39 |
If you have already used gradio.Interface, you know that you can easily create fully-fledged machine learning demos with just a few lines of code. The Interface API is very convenient but in some cases may not be sufficiently flexible for your needs. For example, you might want to:
|
@@ -58,9 +58,9 @@ pinned: false
|
|
58 |
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Event Plan</h3>
|
59 |
<p class="lg:col-span-2">main components of the event consist of:</p>
|
60 |
<ul class="lg:col-span-2" style="list-style: circle inside">
|
61 |
-
<li class="my-4">1. Learning about Gradio and the new Blocks
|
62 |
-
<li class="my-4">2. Building your own Blocks demo using Gradio and Hugging Face Spaces</li>
|
63 |
-
<li class="my-4">3. Submitting your demo on Spaces to the Gradio Blocks Party Organization</li>
|
64 |
<li class="my-4">4. Share your blocks demo with a permanent shareable link</li>
|
65 |
<li class="my-4">5. Win Prizes</li>
|
66 |
</ul>
|
|
|
15 |
<p class="lg:col-span-2">
|
16 |
We are happy to invite you to the Gradio Blocks Party - a community event in which we will create <b>interactive demos</b> for state-of-the-art machine learning models. Demos are powerful because they allow anyone β not just ML engineers β to try out models in the browser, give feedback on predictions, identify trustworthy models. The event will take place from May 16th to 31st. We will be organizing this event on <a href="https://github.com/huggingface/community-events" target="_blank" style="text-decoration: underline">Github</a> and the <a href="https://discord.com/invite/feTf9x3ZSB" target="_blank" style="text-decoration: underline">Hugging Face discord channel</a>. Prizes will be given at the end of the event, see: <a href="#Prizes" target="_blank" style="text-decoration: underline">Prizes</a> </p><br />
|
17 |
|
18 |
+
<p class="lg:col-span-2"> We will be building demos using the new Gradio Blocks API. Blocks allows you to build web-based demos in a flexible way using the <a href="https://www.gradio.app">Gradio library</a>. Gradio is a popular choice for building demos for machine learning models, as it allows you to create UIs from Python. For example, here is a UI for Dall-E Mini using Gradio Blocks:
|
19 |
</p>
|
20 |
<br />
|
21 |
<video class="lg:col-span-2"
|
|
|
33 |
<br />
|
34 |
<p class="lg:col-span-2"><code>pip install gradio</code> to install gradio locally</p>
|
35 |
<br />
|
36 |
+
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">What is Blocks?</h3>
|
37 |
<p class="lg:col-span-2">
|
38 |
<code>gradio.Blocks</code> is a low-level API that allows you to have full control over the data flows and layout of your application. You can build very complex, multi-step applications using Blocks.
|
39 |
If you have already used gradio.Interface, you know that you can easily create fully-fledged machine learning demos with just a few lines of code. The Interface API is very convenient but in some cases may not be sufficiently flexible for your needs. For example, you might want to:
|
|
|
58 |
<h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Event Plan</h3>
|
59 |
<p class="lg:col-span-2">main components of the event consist of:</p>
|
60 |
<ul class="lg:col-span-2" style="list-style: circle inside">
|
61 |
+
<li class="my-4">1. Learning about <a href="https://gradio.app/" target="_blank" style="text-decoration: underline">Gradio</a> and the new <a href="https://www.gradio.app/introduction_to_blocks/" target="_blank" style="text-decoration: underline">Blocks</a> API</li>
|
62 |
+
<li class="my-4">2. Building your own Blocks demo using <a href="https://gradio.app/" target="_blank" style="text-decoration: underline">Gradio</a> and <a href="https://huggingface.co/spaces" target="_blank" style="text-decoration: underline">Hugging Face Spaces</a></li>
|
63 |
+
<li class="my-4">3. Submitting your demo on Spaces to the <a href="https://gradio.app/" target="_blank" style="text-decoration: underline">Gradio Blocks Party Organization</a></li>
|
64 |
<li class="my-4">4. Share your blocks demo with a permanent shareable link</li>
|
65 |
<li class="my-4">5. Win Prizes</li>
|
66 |
</ul>
|