update sections and fixes

README.md

@@ -20,6 +20,10 @@ pinned: false
    <br />
 
    <h3>What is Blocks?</h3>
+
+   <br />
+   <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>
@@ -38,6 +42,32 @@ pinned: false
    <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>
+   <p class="lg:col-span-2"><strong>Event Plan</strong></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  👋