ysharma HF staff commited on
Commit
d5d5983
1 Parent(s): 58a661d

update layout

Browse files
Files changed (1) hide show
  1. README.md +31 -33
README.md CHANGED
@@ -12,31 +12,33 @@ pinned: false
12
  ![Gradio Theme Party Banner](./theme_header.png)
13
 
14
  - We are excited to invite you to the Gradio Themes Party - a community event in which we will create <b>beautiful and personalized Themes</b>
15
- for the Gradio apps. The event will take place from <b>March 20th, Monday to April 2nd, Sunday</b>.
16
  We will be organizing this event on
17
- <a href="https://huggingface.co/Gradio-Themes" target="_blank" style="text-decoration: underline">Hugging Face Spaces</a>
18
- and would be engaging through Discord using <a href="https://discord.com/invite/feTf9x3ZSB" target="_blank" style="text-decoration: underline">Hugging Face Discord server</a>.
19
- Check the dedicated Gradio channel for staying up to date with the event. Prizes will be given at the end of the event, see the <a href="#Prizes" target="_blank" style="text-decoration: underline">Prizes section</a>.</p><br />
 
20
 
21
- - Gradio is a popular choice for building demos for machine learning models, as it allows you to create web-based UIs all in Python. The interface of the Gradio is very important since it directly affects the user experience of the application. We believe that a visually appealing interface can make the application more attractive to the users. Therefore, we have launched a brand new and exciting feature called **Gradio Themes** which can help you add themes, personalize your app, improve UX and much more. We have decided to organize the Gradio Themes Party to encourage the developer community to develop stunning and impressive themes for their Gradio apps and fronts-ends.
22
 
23
- - To learn more about Gradio see the Getting Started Guide: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/getting_started/</a></p>
24
 
25
- - To learn more about Gradio Themes see the Themes Guide at: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/themes_guide/</a></p>
26
 
27
- - Gradio can be installed via pip and comes preinstalled in Hugging Face Spaces, the latest version of Gradio that supports Themes is 3.22 and it can be set in the README in Spaces by setting the sdk_version, for example <code>sdk_version: 3.22.0</code></p>
28
 
29
- - Using Gradio Themes, you can use default themes (for example, Base, soft, Glass, Monochrome, etc.), extend existing theme very easily, or create your own themes from scratch.
30
 
31
  ## Hackathon Tracks :
32
  Participants can take part in different tracks of the Themes Hackathon. Each track will have winners announced at the end of the event! These events are
33
- 1. The **Theme Creation Contest** - Participants would compete to create the most creative or visually stunning theme for a Gradio app. We can add best/most creative themes to deafult ones as a prize plus some goodies for top three winners.
34
- 2. **Building Sector-specific themes** - Participants would create Gradio themes targeting specific sectors like finance/health/education/art. Participants can also create themes specific to different companies - for example, openai green theme / huggingface emoji theme / meta blue theme etc.
35
- 3. **Inclusivity or Accessibility** focussed themes - Participants can submit apps build around themes that support inclusivity in the community. Accessibility is also a key area for this segment, for example building app using themes that suite colorblind people or apps with theme that supports a cause like 'diversity and inclusion' etc.
36
- 4. **Best Dark Toggle** - In this segment participants will design a theme that supports the best effects with dark mode toggle.
37
- 5. **Gradio in disguise🥸** themes - We encourage participants to design Gradio themes that would take Gradio look and feel farthest from the default Gradio theme. This can include considerations for colors, button designs, fonts, backgrounds and much more.
38
- 6. **Gradio App redesign challenge** - Participants will be challenged to redesign an existing trending Gradio app using new and creative themes. Participants can pick up an existing Gradio application and make it better in terms of user experience using Themes. Apps that would be made more visually appealing and user-friendly would be considered for this prize.
39
- 7. **Gradio Apps which are using Themes** - We encourage participants to build cool demos and use Themes along with it. You can use default themes, or extend them or create new themes from scratch while building a cool Gradio demo.
 
40
 
41
  ## How to Participate :
42
 
@@ -45,36 +47,32 @@ To participate in any track in the Themes Hackathon -
45
  - For tracks 1 to 5, you have to submit a new Theme:
46
  - Step 1: Join the Gradio-Theme Party organization on Hub.
47
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
48
- - Step 3: Create a brand new theme - Either by extending the default or other user-generated themes, or create a new theme from scratch (To add code sample)
49
- - Step 4: Upload the theme to the Theme Gallery in the Hub (To add code sample)
50
  - Step 5: Share your themes with the community on social media and Spread the good word about the Hackathon 🤗
51
 
52
- - For Track 6, Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
53
  - Step 1: Join the Gradio-Theme Party organization on Hub.
54
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
55
  - Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
56
- - Step 4: Add your own themes to the demo, for example, add color, background etc.
57
- - Step 5: Publish the demo back on the hub. Note that the redesigned app must be in the themes-party orgnaisation so that team can find it and others can see it. This will ensure the highest visibility of your effort.
58
 
59
  - For Track 7, Build Gradio Apps that are using Themes, you have to <u>submit a Gradio demo</u> as well:
60
  - Step 1: Join the Gradio-Theme Party organization on Hub.
61
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
62
  - Step 3: Build a new Gradio demo (extra kudos if it is from making demos Discord channel 👷🏻‍♀️👷🏻)
63
- - Step 4: Add your own themes to the demo, for example, add color, background etc.
64
- - Step 5: Publish the demo on the hub in the themes-party orgnaisation so that team can find it and others can see it. This will ensure the highest visibility of your effort.
65
 
66
 
67
  ## Prizes
68
- We would like for you to have tons of fun in this Hackathon. So, you can make as many submissions as you would want.
69
- - For the themes submitted for categories 1 to 5 - Top 3 winners will be based on the number of likes.
 
70
  - Hugging Face PRO subscription for x time
71
- - We'll add the most liked theme to our set of default ones 🤩 as a prize plus some goodies for the top three winners
72
- - For categories 6 and 7 - Top 3 Gradio Apps will be decided by Huggingface and Gradio team based on aesthetics
73
  - Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
74
- - Hugging Face PRO subscription for 1 month
75
  - Themes event badge on HF for all participants!
76
-
77
- ## Possible To dos :
78
- - We need to build Theme customization threads / guides / youtube videos - To teach participants how to create custom themes, work with core variables, and extend themes via constructors and the .set() method. Following the videos, participants can showcase their newly-created themes.
79
- - We need to decide how the participants can share their Themes with the wider community. This can help us in setting up a community around Gradio and would also foster creativity.
80
- - Create a gallery of Gradio apps that showcase different themes. Participants can submit their own Gradio apps with different themes and showcase them in a gallery. This can be a great way to showcase the versatility of the Gradio themes feature.
 
12
  ![Gradio Theme Party Banner](./theme_header.png)
13
 
14
  - We are excited to invite you to the Gradio Themes Party - a community event in which we will create <b>beautiful and personalized Themes</b>
15
+ for the Gradio apps. The event will occur for Two Weeks, from <b>March 20th, Monday to April 2nd, Sunday</b>.
16
  We will be organizing this event on
17
+ <a href="https://huggingface.co/Gradio-Themes" target="_blank" style="text-decoration: underline">Hugging Face Hub</a>
18
+ and would be engaging through <a href="https://discord.gg/bMz9zKFB" target="_blank" style="text-decoration: underline">Huggingface Discord Server</a>.
19
+ Check the dedicated Gradio channel to stay up to date with the event (need to setup a channel(or not?)).
20
+ Prizes will be given at the end of the event. See the <a href="#Prizes" target="_blank" style="text-decoration: underline">Prizes section</a>.</p><br />
21
 
22
+ - Gradio is a popular choice for building demos for machine learning models, as it allows you to create web-based UIs all in Python. The interface of Gradio is crucial since it directly affects the application's user experience. We believe a visually appealing interface can make the application more attractive. Therefore, we have launched a new and exciting feature called **Gradio Themes**, which can help you add themes, personalize your app, improve UX, and much more. We have decided to organize the Gradio Themes Party to encourage the developer community to develop stunning and impressive themes for their Gradio apps and front-ends.
23
 
24
+ - To learn more about Gradio, see the Getting Started Guide: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/getting_started/</a></p>
25
 
26
+ - To learn more about Gradio Themes, see the Themes Guide at: <a href="https://gradio.app/getting_started/" target="_blank" style="text-decoration: underline">https://gradio.app/themes_guide/</a></p>
27
 
28
+ - Gradio can be installed via pip and comes preinstalled in Hugging Face Spaces, the latest version of Gradio that supports Themes is 3.22, and it can be set in the README in Spaces by setting the sdk_version, for example <code>sdk_version: 3.22.0</code></p>
29
 
30
+ - Using Gradio Themes, you can use default themes (for example, Base, soft, Glass, Monochrome, etc.), extend existing themes very quickly, or create your themes from scratch.
31
 
32
  ## Hackathon Tracks :
33
  Participants can take part in different tracks of the Themes Hackathon. Each track will have winners announced at the end of the event! These events are
34
+ 1. The **Theme Creation Contest** - Participants would compete to create the most creative or visually stunning theme for a Gradio app. We can add the best/most creative themes to default ones as a prize, plus some goodies for the top three winners.
35
+ 2. **Building Sector-specific themes** - Participants would create Gradio themes targeting specific sectors like finance/health/education/art. Participants can also create themes specific to different companies - for example, an openai green theme / huggingface emoji theme / meta blue theme, etc.
36
+ 3. **Inclusivity or Accessibility** focussed themes - Participants can submit apps built around themes supporting community inclusivity. Accessibility is also a key area for this segment, for example, building an app using themes that suit colorblind people or apps that support a cause like 'diversity and inclusion' etc.
37
+ 4. **Best Dark Toggle** - Participants will design a theme that supports the best effects with a dark mode toggle in this segment.
38
+ 5. **Gradio in disguise🥸** themes - We encourage participants to design Gradio themes that would take Gradio to look and feel farthest from the default Gradio theme. This can include considerations for colors, button designs, fonts, backgrounds, and much more.
39
+ 6. **Gradio App redesign challenge** - Participants will be challenged to redesign an existing trending Gradio app using new and creative themes. Participants can pick up an existing Gradio application and improve its user experience using Themes. Apps that would be made more visually appealing and user-friendly would be considered for this prize.
40
+ 7. **Gradio Apps using Themes** - We encourage participants to build cool demos and use Themes along with them. You can use default themes, extend them or create new themes from scratch while making a cool Gradio demo.
41
+
42
 
43
  ## How to Participate :
44
 
 
47
  - For tracks 1 to 5, you have to submit a new Theme:
48
  - Step 1: Join the Gradio-Theme Party organization on Hub.
49
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
50
+ - Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch (To add code sample)
51
+ - Step 4: Upload the theme to the Theme Gallery in the Hub (To add a code sample)
52
  - Step 5: Share your themes with the community on social media and Spread the good word about the Hackathon 🤗
53
 
54
+ - For Track 6, the Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
55
  - Step 1: Join the Gradio-Theme Party organization on Hub.
56
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
57
  - Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
58
+ - Step 4: Add your themes to the demo; for example, add color, background, etc.
59
+ - Step 5: Publish the demo back on the Hub. Note that the redesigned app must be in the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility of your effort.
60
 
61
  - For Track 7, Build Gradio Apps that are using Themes, you have to <u>submit a Gradio demo</u> as well:
62
  - Step 1: Join the Gradio-Theme Party organization on Hub.
63
  - Step 2: Read up about Gradio's new theming capabilities here - [Thiming Guide](https://gradio.app/theming-guide/ )
64
  - Step 3: Build a new Gradio demo (extra kudos if it is from making demos Discord channel 👷🏻‍♀️👷🏻)
65
+ - Step 4: Add your themes to the demo; for example, add color, background, etc.
66
+ - Step 5: Publish the demo on the Hub in the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility of your effort.
67
 
68
 
69
  ## Prizes
70
+
71
+ We would like for you to have tons of fun in this Hackathon. So you can make as many submissions as you would want.
72
+ - For the themes submitted for categories 1 to 5 - The top 3 winners will be based on the number of likes.
73
  - Hugging Face PRO subscription for x time
74
+ - We'll add the most liked theme to our set of default ones 🤩 as a prize, plus some goodies for the top three winners
75
+ - For categories 6 and 7 - The top 3 Gradio Apps will be decided by Huggingface and Gradio team based on aesthetics
76
  - Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
77
+ - Hugging Face PRO subscription for one month
78
  - Themes event badge on HF for all participants!