Spaces:
Running
Running
Commit
•
ea72014
1
Parent(s):
93dc0a1
Misc fixes
Browse files
README.md
CHANGED
@@ -8,7 +8,7 @@ pinned: false
|
|
8 |
---
|
9 |
# Welcome to the Gradio Themes Party 🎉
|
10 |
## Join the organization by clicking the 'Join this org' button on the top-right corner
|
11 |
-
### <a href="https://huggingface.co/spaces/
|
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 |
|
@@ -23,7 +23,7 @@ pinned: false
|
|
23 |
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:-
|
24 |
1. The **Theme Creation Contest** - Participants would compete to create the most creative or visually stunning theme for a Gradio app. We would add the best/most creative theme to our set of default themes as a prize, plus the top three winners will get some goodies.
|
25 |
2. **Building Sector-specific themes** - Participants would create Gradio themes targeting specific sectors like finance/health/education/art. Here participants can also choose to create themes specific to different companies - for example, an openai green theme / huggingface emoji theme / meta blue theme, etc.
|
26 |
-
3. **Inclusivity and Accessibility**
|
27 |
4. **Best Dark Toggle** - In this segment, participants will be tasked with designing a theme that provides the most optimal effects when using a dark mode toggle.
|
28 |
5. **Gradio in disguise🥸** themes - Under this extremely interesting 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.
|
29 |
6. **Gradio App redesign challenge** - Participants will be challenged to redesign an existing trending Gradio app using new and creative themes. Participants will have to pick up an existing Gradio application and improve its user experience using Themes. Apps that would be rendered more visually appealing and user-friendly would be considered for this prize.
|
@@ -36,21 +36,21 @@ To participate in any track in the Themes Hackathon -
|
|
36 |
|
37 |
- For tracks 1 to 5, you have to submit a new Theme:
|
38 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
39 |
-
- Step 2: Read up about Gradio's new theming capabilities here - [
|
40 |
- Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch (WIP for code sample)
|
41 |
-
- Step 4: Upload the theme to the Theme Gallery in the Hub (
|
42 |
-
- Step 5: Share your themes with the community on social media and
|
43 |
|
44 |
- For Track 6, the Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
|
45 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
46 |
-
- Step 2: Read up about Gradio's new theming capabilities here - [
|
47 |
- Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
|
48 |
- Step 4: Add your theme effects to the demo; for example, add color, background, etc.
|
49 |
- 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.
|
50 |
|
51 |
- For Track 7, the Gradio app-building challenge, you have to <u>submit a Gradio demo</u> as well:
|
52 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
53 |
-
- Step 2: Read up about Gradio's new theming capabilities here - [
|
54 |
- Step 3: Build a new Gradio demo (extra kudos if it is from making demos Discord channel 👷🏻♀️👷🏻)
|
55 |
- Step 4: Make sure to utilize Gradio Themes in the demo; for example, add color, background, etc.
|
56 |
- Step 5: Publish the demo on the Hub to the themes-party organization so that the team can find it and others can see it. This will ensure the highest visibility for your effort.
|
|
|
8 |
---
|
9 |
# Welcome to the Gradio Themes Party 🎉
|
10 |
## Join the organization by clicking the 'Join this org' button on the top-right corner
|
11 |
+
### <a href="https://huggingface.co/spaces/gradio/theme-gallery" style="text-decoration: underline">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 |
|
|
|
23 |
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:-
|
24 |
1. The **Theme Creation Contest** - Participants would compete to create the most creative or visually stunning theme for a Gradio app. We would add the best/most creative theme to our set of default themes as a prize, plus the top three winners will get some goodies.
|
25 |
2. **Building Sector-specific themes** - Participants would create Gradio themes targeting specific sectors like finance/health/education/art. Here participants can also choose to create themes specific to different companies - for example, an openai green theme / huggingface emoji theme / meta blue theme, etc.
|
26 |
+
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.
|
27 |
4. **Best Dark Toggle** - In this segment, participants will be tasked with designing a theme that provides the most optimal effects when using a dark mode toggle.
|
28 |
5. **Gradio in disguise🥸** themes - Under this extremely interesting 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.
|
29 |
6. **Gradio App redesign challenge** - Participants will be challenged to redesign an existing trending Gradio app using new and creative themes. Participants will have to pick up an existing Gradio application and improve its user experience using Themes. Apps that would be rendered more visually appealing and user-friendly would be considered for this prize.
|
|
|
36 |
|
37 |
- For tracks 1 to 5, you have to submit a new Theme:
|
38 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
39 |
+
- Step 2: Read up about Gradio's new theming capabilities here - [Theming Guide](https://gradio.app/theming-guide/ )
|
40 |
- Step 3: Create a brand new theme - Either by extending the default or other user-generated themes or creating a new theme from scratch (WIP for code sample)
|
41 |
+
- Step 4: Upload the theme to the Theme Gallery in the Hub, e.g. `my_theme.push_to_hub(repo_name="my_theme")`. For more information on uploading themes, see the [Sharing Themes](https://gradio.app/theming-guide/#sharing-themes) section of the guide.
|
42 |
+
- Step 5: Share your themes with the community on social media and spread the good word about the Hackathon 🤗
|
43 |
|
44 |
- For Track 6, the Gradio app redesign challenge, you have to <u>submit a Gradio demo</u>:
|
45 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
46 |
+
- Step 2: Read up about Gradio's new theming capabilities here - [Theming Guide](https://gradio.app/theming-guide/ )
|
47 |
- Step 3: Duplicate any existing Gradio demo (kudos if it is trending 👑)
|
48 |
- Step 4: Add your theme effects to the demo; for example, add color, background, etc.
|
49 |
- 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.
|
50 |
|
51 |
- For Track 7, the Gradio app-building challenge, you have to <u>submit a Gradio demo</u> as well:
|
52 |
- Step 1: Join the Gradio-Theme Party organization on Hub.
|
53 |
+
- Step 2: Read up about Gradio's new theming capabilities here - [Theming Guide](https://gradio.app/theming-guide/ )
|
54 |
- Step 3: Build a new Gradio demo (extra kudos if it is from making demos Discord channel 👷🏻♀️👷🏻)
|
55 |
- Step 4: Make sure to utilize Gradio Themes in the demo; for example, add color, background, etc.
|
56 |
- Step 5: Publish the demo on the Hub to the themes-party organization so that the team can find it and others can see it. This will ensure the highest visibility for your effort.
|