html title

app.py

@@ -190,11 +190,16 @@ def generate_instruction_response():
 
 
 title = """
-# 🐦‍⬛ Magpie Preference
+<h1>&#x1F426; Magpie Preference</h1>
 """
 
 description = """
-This demo showcases **Magpie**, an innovative approach to generating high-quality data by prompting aligned LLMs with their pre-query templates. Unlike many existing synthetic data generation methods, Magpie doesn't rely on prompt engineering or seed questions for generating synthetic data. Instead, it uses the prompt template of an aligned LLM to generate both a user query and an LLM response.
+This demo showcases **[Magpie](https://magpie-align.github.io/)**, an innovative approach to generating high-quality data by prompting aligned LLMs with their pre-query templates. Unlike many existing synthetic data generation methods, Magpie doesn't rely on prompt engineering or seed questions for generating synthetic data. Instead, it uses the prompt template of an aligned LLM to generate both the user query and an LLM response.
+
+<img src="https://magpie-align.github.io/images/pipeline.png" alt="Magpie Pipeline" width="50%" align="center" />
+
+*Image Source: [Magpie project page](https://magpie-align.github.io/)*
+
 
 As well as providing a demo for the Magpie generations, this Space also allows you to submit a preference rating for the generated data, contributing to a crowdsourced preference dataset!
 
@@ -204,7 +209,6 @@ As well as providing a demo for the Magpie generations, this Space also allows y
 2. **💬 Response Generation:** The model generates a response to this instruction.
 3. **👍👎 User Feedback (optional):** Rate the quality of the generated content and contribute to a crowdsourced preference dataset for synthetic dataset. 
 
-
 🔗 Find the crowd-generated dataset at [davanstrien/magpie-preference](https://huggingface.co/datasets/davanstrien/magpie-preference). It's updated every minute!
 
 📚 Learn more about Magpie in the [paper](https://huggingface.co/papers/2406.08464).
@@ -214,7 +218,7 @@ As well as providing a demo for the Magpie generations, this Space also allows y
 
 # Create the Gradio interface
 with gr.Blocks() as iface:
-    gr.Markdown(title)
+    gr.HTML(title)
     gr.Markdown(description)
 
     # Add a state variable to store the session ID