akhaliq HF staff commited on
Commit
8fb5a7a
·
1 Parent(s): 80ed018

add blocks description and guide desc

Browse files
Files changed (1) hide show
  1. README.md +4 -34
README.md CHANGED
@@ -19,6 +19,7 @@ pinned: false
19
  <h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">What is Blocks?</h3>
20
  <br />
21
  <p class="lg:col-span-2">
 
22
  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:
23
  </p>
24
  <ul class="lg:col-span-2" style="list-style: circle inside">
@@ -28,6 +29,8 @@ pinned: false
28
  <li class="my-4">Change a component's properties (for example, the choices in a Dropdown) or its visibilty based on user input</li>
29
  </ul>
30
  <br />
 
 
31
  <p class="lg:col-span-2">main components of the event consist of:</p>
32
  <ul class="lg:col-span-2" style="list-style: circle inside">
33
  <li class="my-4">Learning about Gradio and the new Blocks Feature</li>
@@ -51,37 +54,4 @@ pinned: false
51
  <li>Vision, NLP, Audio based spaces</li>
52
  <li>participant ideas</li>
53
  </ul>
54
- </div>
55
-
56
-
57
- <!-- <div class="grid lg:grid-cols-2 gap-x-4">
58
- <h2 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">
59
- Welcome to the Gradio Blocks Event 👋
60
- </h2>
61
- <br />
62
- <p class="lg:col-span-2">
63
- Happy to invite you to the Gradio Blocks sprint - a community event in which we will setup and deploy models using the new Gradio Blocks feature. Blocks allows you to build web-based demos in a flexible way using the Gradio library. Blocks is a more low-level and flexible alternative to the core Interface class. To Learn more about blocks, see link: https://website-dev--helpful-fenglisu-2bc03b.netlify.app/introduction_to_blocks/ The event will take place from May 11th to 31st. We will be organizing this event on github and the huggingface discord channel.
64
- </p>
65
- <h3>Introduction</h3>
66
- <p class="lg:col-span-2">
67
-
68
- The goal of this event if for people to become more familiar with the blocks feature of Gradio. Some example spaces that already use blocks can be found at
69
- </p>
70
- <br />
71
-
72
- <ul class="my-8 lg:col-span-2">
73
- <li>https://huggingface.co/spaces/akhaliq/ArcaneGAN-blocks</li>
74
- <li>https://huggingface.co/spaces/merve/gr-blocks</li>
75
- <li>https://huggingface.co/spaces/osanseviero/tortoisse-tts</li>
76
- </ul>
77
-
78
- <p class="lg:col-span-2">
79
- main components of the event consist of:
80
-
81
- - Learning about Gradio and the new Blocks Feature
82
- - How Gradio and Hugging Face Spaces work together
83
- - Understanding the Hugging Face ecosystem
84
- - Share Demos in a Hugging Face organization for the Blocks event
85
- </p>
86
- <br />
87
- </div> -->
 
19
  <h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">What is Blocks?</h3>
20
  <br />
21
  <p class="lg:col-span-2">
22
+ gradio.Blocks 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.
23
  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:
24
  </p>
25
  <ul class="lg:col-span-2" style="list-style: circle inside">
 
29
  <li class="my-4">Change a component's properties (for example, the choices in a Dropdown) or its visibilty based on user input</li>
30
  </ul>
31
  <br />
32
+ <p class="lg:col-span-2">to learn more about Blocks see the guide</p>
33
+ <br />
34
  <p class="lg:col-span-2">main components of the event consist of:</p>
35
  <ul class="lg:col-span-2" style="list-style: circle inside">
36
  <li class="my-4">Learning about Gradio and the new Blocks Feature</li>
 
54
  <li>Vision, NLP, Audio based spaces</li>
55
  <li>participant ideas</li>
56
  </ul>
57
+ </div>