Spaces:
Running
Running
| title: README | |
| emoji: 💻 | |
| colorFrom: indigo | |
| colorTo: gray | |
| sdk: static | |
| pinned: false | |
| <div class="grid lg:grid-cols-2 gap-x-4"> | |
| <h2 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold"> | |
| Welcome to the Gradio Blocks Event 👋 <a href="https://gradio.app/" target="_blank">Gradio</a> 👋 | |
| </h2> | |
| <br /> | |
| <p class="lg:col-span-2"> | |
| 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. The event will take place from May 11th to 31st. We will be organizing this event on github and the huggingface discord channel. | |
| </p> | |
| <br /> | |
| <h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">What is Blocks?</h3> | |
| <br /> | |
| <p class="lg:col-span-2"> | |
| 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: | |
| </p> | |
| <ul class="lg:col-span-2" style="list-style: circle inside"> | |
| <li class="my-4">Group together related demos as multiple tabs in one web app</li> | |
| <li class="my-4">Change the layout of your demo instead of just having all of the inputs on the left and outputs on the right</li> | |
| <li class="my-4">Have multi-step interfaces, in which the output of one model becomes the input to the next model, or have more flexible data flows in general</li> | |
| <li class="my-4">Change a component's properties (for example, the choices in a Dropdown) or its visibilty based on user input</li> | |
| </ul> | |
| <br /> | |
| <ul class="lg:col-span-2" style="list-style: circle inside"> | |
| <li class="my-4"> | |
| <a href="https://discord.com/invite/my8w7JUxZR" target="_blank"><u>discord for Gradio Blocks</u></a> | |
| </li> | |
| </ul> | |
| <br /> | |
| <br /> | |
| <p class="lg:col-span-2">main components of the event consist of:</p> | |
| <ul class="lg:col-span-2" style="list-style: circle inside"> | |
| <li class="my-4">Learning about Gradio and the new Blocks Feature</li> | |
| <li class="my-4">How Gradio and Hugging Face Spaces work together</li> | |
| <li class="my-4">Understanding the Hugging Face ecosystem</li> | |
| <li class="my-4">Share Demos in a Hugging Face organization for the Blocks event</li> | |
| </ul> | |
| <h3 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold">Event Plan</p> | |
| <p class="lg:col-span-2">To participate in the event</p> | |
| <ul class="lg:col-span-2" style="list-style: circle inside"> | |
| <li class="my-4">Join the organization for Blocks event<ul> | |
| <li class="my-4"><a href="https://huggingface.co/Gradio-Blocks">https://huggingface.co/Gradio-Blocks</a></li> | |
| </ul> | |
| </li class="my-4"> | |
| <li class="my-4">Join the discord</li> | |
| </ul> | |
| <p class="lg:col-span-2">Participants will have a month to build and share Gradio demos using the Blocks feature. We will share a list of ideas of spaces that can be created using blocks or participants are free to try out their own ideas. At the end of the event, spaces will be evaluated for creativity and prizes will be given </p> | |
| <p class="lg:col-span-2">potential ideas: </p> | |
| <ul class="lg:col-span-2" style="list-style: circle inside"> | |
| <li>papers from <a href="https://paperswithcode.com/">https://paperswithcode.com/</a></li> | |
| <li>Vision, NLP, Audio based spaces</li> | |
| <li>participant ideas</li> | |
| </ul> | |
| </div> | |
| <!-- <div class="grid lg:grid-cols-2 gap-x-4"> | |
| <h2 class="my-8 lg:col-span-2" style="font-size:20px; font-weight:bold"> | |
| Welcome to the Gradio Blocks Event 👋 | |
| </h2> | |
| <br /> | |
| <p class="lg:col-span-2"> | |
| 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. | |
| </p> | |
| <h3>Introduction</h3> | |
| <p class="lg:col-span-2"> | |
| 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 | |
| </p> | |
| <br /> | |
| <ul class="my-8 lg:col-span-2"> | |
| <li>https://huggingface.co/spaces/akhaliq/ArcaneGAN-blocks</li> | |
| <li>https://huggingface.co/spaces/merve/gr-blocks</li> | |
| <li>https://huggingface.co/spaces/osanseviero/tortoisse-tts</li> | |
| </ul> | |
| <p class="lg:col-span-2"> | |
| main components of the event consist of: | |
| - Learning about Gradio and the new Blocks Feature | |
| - How Gradio and Hugging Face Spaces work together | |
| - Understanding the Hugging Face ecosystem | |
| - Share Demos in a Hugging Face organization for the Blocks event | |
| </p> | |
| <br /> | |
| </div> --> |