Spaces:
Running
Running
updated with the final suggestions
Browse files
README.md
CHANGED
@@ -7,13 +7,13 @@ sdk: static
|
|
7 |
pinned: false
|
8 |
---
|
9 |
# Welcome to the Gradio Themes Party 🎉
|
10 |
-
## Join the organization by clicking the '
|
11 |
### <a href="https://huggingface.co/spaces/gradio/theme-gallery" style="text-decoration: underline" target="_blank">Live Themes Gallery</a> will show Gradio Themes that are created by participants and they will be sorted by likes.
|
12 |
<img class="lg:col-span-2" src="https://huggingface.co/spaces/Gradio-Themes/README/resolve/main/theme_header.png" alt="Gradio Theme Party Banner" style="margin:10px"><br>
|
13 |
|
14 |
|
15 |
- We would like to invite you to the **Gradio Themes Party**, a community event aimed at designing visually stunning and personalized themes for Gradio apps. The event will take place over roughly a two-week period, **starting from Tuesday, March 21st** and **ending on Sunday, April 2nd**.
|
16 |
-
- We will be organizing this event here on <a href="https://huggingface.co/Gradio-Themes" target="_blank" style="text-decoration: underline">Huggingface Hub</a> and will be communicating with participants through the <a href="https://discord.gg/YtB7bm2H" target="_blank" style="text-decoration: underline">HuggingFace Discord Server</a>. Check the dedicated Gradio channel to stay updated with the event
|
17 |
- If there is something you would like to style via the theming API but it isn't currently supported, please use this <a href="https://github.com/gradio-app/gradio/issues/3544" target="_blank">Github Issue</a> to report it. You can add a reply to this issue detailing what you would like to style and how you would like to style it and we will get back to you on it.
|
18 |
|
19 |
## Hackathon Tracks :
|
@@ -22,8 +22,7 @@ Participants can take part in different tracks of the Themes Hackathon. Each tra
|
|
22 |
2. **Sector-specific Themes** - Participants create Gradio themes targeting specific sectors like finance/health/education/art, or specific companies -- for example, a Hugging Face emoji theme or a meta blue theme, etc.
|
23 |
3. **Inclusivity and Accessibility** focused themes - Participants can submit apps built around themes that prioritize inclusivity and accessibility. This segment places a strong emphasis on accessibility, for example, building an app with themes that are tailored to those who are colorblind or creating apps that support causes related to diversity and inclusion.
|
24 |
4. **Gradio in Disguise🥸** themes - In this track, we encourage participants to design themes that give Gradio a completely different look and feel from its default theme. This involves creating unique combinations of colors, button designs, fonts, backgrounds, and other design elements to disguise Gradio's appearance and create a fresh and distinct user experience.
|
25 |
-
5. **Gradio App
|
26 |
-
|
27 |
|
28 |
## How to Participate :
|
29 |
|
@@ -34,7 +33,7 @@ To participate in any track in the Themes Hackathon, first make sure that you ha
|
|
34 |
- Step 2: Read up about Gradio's new theming capabilities here - <a href="https://gradio.app/theming-guide/" target="_blank" style="text-decoration: underline">Theming Guide</a>
|
35 |
- Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch
|
36 |
- Step 4: Upload the theme to the Theme Gallery in the Hub, e.g. `my_theme.push_to_hub(repo_name="my_theme")`. Please note that you need to be logged in to Huggingface and would need to provide your Huggingface Access Token. For more information on uploading themes, see the <a href="https://gradio.app/theming-guide/#sharing-themes" target="_blank" style="text-decoration: underline">Sharing Themes</a> section of the guide.
|
37 |
-
- Step 5: Add tags to your app's readme.md file to specify which track you are submitting in. For example, like this `
|
38 |
- Step 6: Share your themes with the community on social media and spread the word about the Hackathon 🤗
|
39 |
|
40 |
- For Track 5, the Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
|
@@ -43,18 +42,16 @@ To participate in any track in the Themes Hackathon, first make sure that you ha
|
|
43 |
- Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
|
44 |
- Step 4: Add your theme effects to the demo; for example, change color, modify the font, add a background, etc.
|
45 |
- Step 5: Publish the demo back on the Hub. Note that the redesigned app must be submitted to the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility for your effort.
|
46 |
-
- Step 6: Add tags to your app's readme.md file to specify which track you are submitting in. For example,
|
47 |
- Step 7: Share your themes with the community on social media and spread the word about the Hackathon 🤗
|
48 |
|
49 |
## Prizes
|
50 |
|
51 |
-
Are you ready to win big? You're free to submit as many entries as you want,
|
52 |
- For track 1, we'll add our favorite new theme to our set of default ones as a top prize 🤩. The top 3 winners, based on the number of likes, will get
|
53 |
- Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
|
54 |
-
- Hugging Face PRO subscription for one year
|
55 |
-
- Limited GPU grants
|
56 |
- For tracks 2-4, we will be awarding prizes to the top 3 winners per track (HuggingFace Staff picks):
|
57 |
- Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
|
58 |
-
- Hugging Face PRO subscription for one year
|
59 |
-
- Limited GPU grants
|
60 |
- 🎉 Themes Event badge on HF for all participants!
|
|
|
7 |
pinned: false
|
8 |
---
|
9 |
# Welcome to the Gradio Themes Party 🎉
|
10 |
+
## Join the organization by clicking the 'Request to join this org' button on the top-right corner
|
11 |
### <a href="https://huggingface.co/spaces/gradio/theme-gallery" style="text-decoration: underline" target="_blank">Live Themes Gallery</a> will show Gradio Themes that are created by participants and they will be sorted by likes.
|
12 |
<img class="lg:col-span-2" src="https://huggingface.co/spaces/Gradio-Themes/README/resolve/main/theme_header.png" alt="Gradio Theme Party Banner" style="margin:10px"><br>
|
13 |
|
14 |
|
15 |
- We would like to invite you to the **Gradio Themes Party**, a community event aimed at designing visually stunning and personalized themes for Gradio apps. The event will take place over roughly a two-week period, **starting from Tuesday, March 21st** and **ending on Sunday, April 2nd**.
|
16 |
+
- We will be organizing this event here on <a href="https://huggingface.co/Gradio-Themes" target="_blank" style="text-decoration: underline">Huggingface Hub</a> and will be communicating with participants through the <a href="https://discord.gg/YtB7bm2H" target="_blank" style="text-decoration: underline">HuggingFace Discord Server</a>. Check the dedicated Gradio channel to stay updated with the event. Prizes will be given at the end of the event. See the Prizes section below.
|
17 |
- If there is something you would like to style via the theming API but it isn't currently supported, please use this <a href="https://github.com/gradio-app/gradio/issues/3544" target="_blank">Github Issue</a> to report it. You can add a reply to this issue detailing what you would like to style and how you would like to style it and we will get back to you on it.
|
18 |
|
19 |
## Hackathon Tracks :
|
|
|
22 |
2. **Sector-specific Themes** - Participants create Gradio themes targeting specific sectors like finance/health/education/art, or specific companies -- for example, a Hugging Face emoji theme or a meta blue theme, etc.
|
23 |
3. **Inclusivity and Accessibility** focused themes - Participants can submit apps built around themes that prioritize inclusivity and accessibility. This segment places a strong emphasis on accessibility, for example, building an app with themes that are tailored to those who are colorblind or creating apps that support causes related to diversity and inclusion.
|
24 |
4. **Gradio in Disguise🥸** themes - In this track, we encourage participants to design themes that give Gradio a completely different look and feel from its default theme. This involves creating unique combinations of colors, button designs, fonts, backgrounds, and other design elements to disguise Gradio's appearance and create a fresh and distinct user experience.
|
25 |
+
5. **Gradio App Challenge** - Get creative with Gradio themes! Build a ✨new Gradio app✨ or 💡🚀redesign an existing one to make it visually appealing and user-friendly. Submit it to win a prize.
|
|
|
26 |
|
27 |
## How to Participate :
|
28 |
|
|
|
33 |
- Step 2: Read up about Gradio's new theming capabilities here - <a href="https://gradio.app/theming-guide/" target="_blank" style="text-decoration: underline">Theming Guide</a>
|
34 |
- Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch
|
35 |
- Step 4: Upload the theme to the Theme Gallery in the Hub, e.g. `my_theme.push_to_hub(repo_name="my_theme")`. Please note that you need to be logged in to Huggingface and would need to provide your Huggingface Access Token. For more information on uploading themes, see the <a href="https://gradio.app/theming-guide/#sharing-themes" target="_blank" style="text-decoration: underline">Sharing Themes</a> section of the guide.
|
36 |
+
- Step 5: Add tags to your app's readme.md file to specify which track you are submitting in. For example, like this - `track-1, `- track-2`, `- track-3`, `- track-4`. You can refer this Space as an example for adding tags - <a href="https://huggingface.co/spaces/keras-dreambooth/minecraft-landscape-demo/blob/main/README.md" target="_blank">Readme.md</a>.
|
37 |
- Step 6: Share your themes with the community on social media and spread the word about the Hackathon 🤗
|
38 |
|
39 |
- For Track 5, the Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
|
|
|
42 |
- Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
|
43 |
- Step 4: Add your theme effects to the demo; for example, change color, modify the font, add a background, etc.
|
44 |
- Step 5: Publish the demo back on the Hub. Note that the redesigned app must be submitted to the themes-party organization so that team can find it and others can see it. This will ensure the highest visibility for your effort.
|
45 |
+
- Step 6: Add tags to your app's readme.md file to specify which track you are submitting in. For example, `- track-5`,
|
46 |
- Step 7: Share your themes with the community on social media and spread the word about the Hackathon 🤗
|
47 |
|
48 |
## Prizes
|
49 |
|
50 |
+
Are you ready to win big? You're free to submit as many entries as you want. You can also submit the same Theme/Demo to multiple tracks if it meets the criteria. So, get ready to have a great time unleashing your creativity.
|
51 |
- For track 1, we'll add our favorite new theme to our set of default ones as a top prize 🤩. The top 3 winners, based on the number of likes, will get
|
52 |
- Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
|
53 |
+
- Hugging Face PRO subscription for one year
|
|
|
54 |
- For tracks 2-4, we will be awarding prizes to the top 3 winners per track (HuggingFace Staff picks):
|
55 |
- Swag from Hugging Face merch shop: t-shirt, hoodie, or mug of your choice
|
56 |
+
- Hugging Face PRO subscription for one year
|
|
|
57 |
- 🎉 Themes Event badge on HF for all participants!
|