backup

app.py

@@ -215,10 +215,12 @@ def get_random_sample(username):
 
     return {
         "post_id": sample["post_id"],
-        "instruction": '## Edit Request: "' + sample["instruction"] + '"',
-        "simplified_instruction": '## Edit Request: "'
+        "instruction": '<div style="font-size: 1.8em; font-weight: bold; padding: 20px; background-color: white; border-radius: 10px; margin: 10px;"><span style="color: #888888;">Request:</span> <span style="color: black;">'
+        + sample["instruction"]
+        + "</span></div>",
+        "simplified_instruction": '<div style="font-size: 1.8em; font-weight: bold; padding: 20px; background-color: white; border-radius: 10px; margin: 10px;"><span style="color: #888888;">Request:</span> <span style="color: black;">'
         + sample["simplified_instruction"]
-        + '"',
+        + "</span></div>",
         "source_image": sample["source_image"],
         "image_a": image_a,
         "image_b": image_b,
@@ -510,7 +512,7 @@ with gr.Blocks() as demo:
                 simplified_instruction = gr.Textbox(
                     label="Simplified Instruction", show_label=True, visible=False
                 )
-                instruction = gr.Markdown(label="Original Instruction", show_label=True)
+                instruction = gr.HTML(label="Original Instruction", show_label=True)
 
             with gr.Row():
                 with gr.Column():