removed tabs

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 from apscheduler.schedulers.background import BackgroundScheduler
 from src.static.env import API, REPO_ID, HF_TOKEN
-from src.static.about import TITLE, INTRO, ABOUT, DOCUMENTATION
+from src.static.about import TITLE, INTRO, ABOUT, DOCUMENTATION, SUBMIT
 
 from src.leaderboards.get_from_hub import get_leaderboard_info
 from src.static.tag_info import *
@@ -44,68 +44,69 @@ with demo:
     gr.Markdown(TITLE)
     gr.Markdown(INTRO, elem_classes="markdown-text")
 
-    with gr.Tabs(elem_classes="tab-buttons") as tabs:
-        with gr.TabItem("Search"):
-            with gr.Row():
-                with gr.Column():
-                    modality_tags = gr.CheckboxGroup(
-                        choices=[tag.name for tag in Modality],
-                        value=[],
-                        label="Modality of choice"
-                    )
-                    submission_tags = gr.CheckboxGroup(
-                        choices=[tag.name for tag in SubmissionType],
-                        value=[],
-                        label="Submission type"
-                    )
-                    test_set_tags = gr.CheckboxGroup(
-                        choices=[tag.name for tag in TestSetStatus],
-                        value=[],
-                        label="Test set status"
-                    )
-                    judge_tags = gr.CheckboxGroup(
-                        choices=[tag.name for tag in Judge],
-                        value=[],
-                        label="Judge used for the evaluation"
-                    )
-                with gr.Column():
-                    show_all = gr.Checkbox(
-                        value=False, 
-                        label="Show all leaderboards"
-                    )
-                    evaluation_tags = gr.CheckboxGroup(
-                        choices=[tag.name for tag in EvaluationCategory],
-                        value=[],
-                        label="Specific evaluation categories"
-                    )
-                    language_tags = gr.CheckboxGroup(
-                        choices=[tag.capitalize() for tag in sorted(list(INFO_TO_LEADERBOARDS["language"].keys()))],
-                        value=[],
-                        label="Specific languages"
-                    ) 
-            with gr.Row():
-                leaderboards = gr.Markdown(
-                    value="",
-                )
-
-            for selector in [modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags]:
-                selector.change(
-                    lambda _: False,
-                    outputs=show_all
-                )
-            for selector in [show_all, modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags]:
-                selector.change(
-                    update_leaderboards,
-                    [show_all, modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags],
-                    leaderboards,
-                    queue=True,
-                )
-
-        with gr.TabItem("About"):
-            gr.Markdown(ABOUT, elem_classes="markdown-text")
-
-        with gr.TabItem("Documentation"):
-            gr.Markdown(DOCUMENTATION, elem_classes="markdown-text")
+    with gr.Row():
+        with gr.Column():
+            modality_tags = gr.CheckboxGroup(
+                choices=[tag.name for tag in Modality],
+                value=[],
+                label="Modality of choice"
+            )
+            submission_tags = gr.CheckboxGroup(
+                choices=[tag.name for tag in SubmissionType],
+                value=[],
+                label="Submission type"
+            )
+            test_set_tags = gr.CheckboxGroup(
+                choices=[tag.name for tag in TestSetStatus],
+                value=[],
+                label="Test set status"
+            )
+            judge_tags = gr.CheckboxGroup(
+                choices=[tag.name for tag in Judge],
+                value=[],
+                label="Judge used for the evaluation"
+            )
+        with gr.Column():
+            show_all = gr.Checkbox(
+                value=False, 
+                label="Show all leaderboards"
+            )
+            evaluation_tags = gr.CheckboxGroup(
+                choices=[tag.name for tag in EvaluationCategory],
+                value=[],
+                label="Specific evaluation categories"
+            )
+            language_tags = gr.CheckboxGroup(
+                choices=[tag.capitalize() for tag in sorted(list(INFO_TO_LEADERBOARDS["language"].keys()))],
+                value=[],
+                label="Specific languages"
+            ) 
+    with gr.Row():
+        leaderboards = gr.Markdown(
+            value="",
+        )
+
+    for selector in [modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags]:
+        selector.change(
+            lambda _: False,
+            outputs=show_all
+        )
+    for selector in [show_all, modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags]:
+        selector.change(
+            update_leaderboards,
+            [show_all, modality_tags, submission_tags, test_set_tags, evaluation_tags, language_tags, judge_tags],
+            leaderboards,
+            queue=True,
+        )
+
+    with gr.Accordion("How to submit your leaderboard?", open=False):
+        gr.Markdown(SUBMIT, elem_classes="markdown-text")
+
+    with gr.Accordion("Tags documentation", open=False):
+        gr.Markdown(ABOUT, elem_classes="markdown-text")
+
+    with gr.Accordion("How to build your own leaderboard?", open=False):
+        gr.Markdown(DOCUMENTATION, elem_classes="markdown-text")
 
 scheduler = BackgroundScheduler()
 scheduler.add_job(restart_space, "interval", seconds=10800) # restarted every 3h

src/static/about.py

@@ -6,28 +6,24 @@ INTRO = """
 Have you ever wondered which leaderboard would be best for your use case? 
 """
 
-ABOUT = ("""
-If you want your leaderboard to appear in our suggestions, feel free to add relevant information in its tag metadata, and it will be displayed here.
-
-# First step
-
+SUBMIT = """
 Make sure to either use the tag `leaderboard` or `arena` to your space, by adding the following to your README
 
 ```
 tags:
   - leaderboard
 ```
+"""
 
-# Extra tags
-
-## Submission type
+ABOUT = ("""
+### Submission type
 Arenas are not concerned by this category.
 
          
 """ +
 "\n".join([f"- `{s.value.key}`: {s.value.usage}" for s in SubmissionType]) +
 """
-## Test set status
+### Test set status
 Arenas are not concerned by this category.
 
 
@@ -35,34 +31,32 @@ Arenas are not concerned by this category.
 "\n".join([f"- `{s.value.key}`: {s.value.usage}" for s in TestSetStatus]) +
 """
 
-## Judges
+### Judges
 
 """ +
 "\n".join([f"- `{s.value.key}`: {s.value.usage}" for s in Judge]) +
 """
 
-## Modalities
+### Modalities
 Can be any (or several) of the following list:
 
 """ + 
 "\n".join([f"- `{s.value.key}`: {s.value.usage}" for s in Modality]) + 
 """
 
-## Evaluation categories
+### Evaluation categories
 Can be any (or several) of the following list:
 
 """ + 
 "\n".join([f"- `{s.value.key}`: {s.value.usage}" for s in EvaluationCategory]) + 
 """
 
-## Language
+### Language
 You can indicate the languages covered by your benchmark like so: `language:mylanguage`. 
 At the moment, we do not support language codes, please use the language name in English.
 """)
 
 DOCUMENTATION = """
-How to create your own leaderboard?
-
 I'll make an updated documentation page here at some point, but for now, you can check our [demo leaderboard org](https://huggingface.co/demo-leaderboard-backend)!
 
 You just need to duplicate the front space (and backend if you want to run your leaderboard on spaces compute), copy the datasets to your own org, and edit the env variables.