add new tabbedinterface

README.md

@@ -22,22 +22,10 @@ hf_oauth_scopes:
 <h2 align="center">
   <a href=""><img src="https://raw.githubusercontent.com/argilla-io/synthetic-data-generator/main/assets/logo.svg" alt="Synthetic Data Generator Logo" width="80%"></a>
 </h2>
-<h3 align="center">Build high quality datasets for your AI models</h3>
+<h3 align="center">Build datasets using natural language</h3>
 
 ![Synthetic Data Generator](https://huggingface.co/spaces/argilla/synthetic-data-generator/resolve/main/assets/ui-full.png)
 
-<p align="center">
-<a href="https://twitter.com/argilla_io">
-<img src="https://img.shields.io/badge/twitter-black?logo=x"/>
-</a>
-<a href="https://www.linkedin.com/company/argilla-io">
-<img src="https://img.shields.io/badge/linkedin-blue?logo=linkedin"/>
-</a>
-<a href="http://hf.co/join/discord">
-<img src="https://img.shields.io/badge/Discord-7289DA?&logo=discord&logoColor=white"/>
-</a>
-</p>
-
 ## Introduction
 
 Synthetic Data Generator is a tool that allows you to create high-quality datasets for training and fine-tuning language models. It leverages the power of distilabel and LLMs to generate synthetic data tailored to your specific needs.
@@ -57,6 +45,18 @@ This tool simplifies the process of creating custom datasets, enabling you to:
 
 By using the Synthetic Data Generator, you can rapidly prototype and create datasets for, accelerating your AI development process.
 
+<p align="center">
+<a href="https://twitter.com/argilla_io">
+<img src="https://img.shields.io/badge/twitter-black?logo=x"/>
+</a>
+<a href="https://www.linkedin.com/company/argilla-io">
+<img src="https://img.shields.io/badge/linkedin-blue?logo=linkedin"/>
+</a>
+<a href="http://hf.co/join/discord">
+<img src="https://img.shields.io/badge/Discord-7289DA?&logo=discord&logoColor=white"/>
+</a>
+</p>
+
 ## Installation
 
 You can simply install the package with:

src/synthetic_dataset_generator/_tabbedinterface.py

@@ -48,7 +48,7 @@ class TabbedInterface(Blocks):
             a Gradio Tabbed Interface for the given interfaces
         """
         super().__init__(
-            title=title or "Gradio",
+            title="Synthetic Data Generator",
             theme=theme,
             analytics_enabled=analytics_enabled,
             mode="tabbed_interface",
@@ -59,7 +59,7 @@ class TabbedInterface(Blocks):
         if tab_names is None:
             tab_names = [f"Tab {i}" for i in range(len(interface_list))]
         with self:
-            h3 = "<div style='text-align: center;'><h3>Build datasets using natural language</h3></div>"
+            h3 = "<div style='text-align: center;'><h2>Build datasets using natural language</h2></div>"
             if title:
                 gr.HTML(value=title + h3)
             gr.LoginButton(value="Sign in", variant="primary", scale=2)

src/synthetic_dataset_generator/app.py

@@ -10,7 +10,7 @@ css = """
 .main_ui_logged_out{opacity: 0.3; pointer-events: none}
 """
 
-image = """<br><img src="https://raw.githubusercontent.com/argilla-io/synthetic-data-generator/main/assets/logo.svg" alt="Synthetic Data Generator Logo" style="display: block; margin-left: auto; margin-right: auto; width: 80%;"/>"""
+image = """<br><img src="https://raw.githubusercontent.com/argilla-io/synthetic-data-generator/main/assets/logo.svg" alt="Synthetic Data Generator Logo" style="display: block; margin-left: auto; margin-right: auto; width: 50%;"/>"""
 
 demo = TabbedInterface(
     [textcat_app, sft_app, eval_app, faq_app],