Update app.py

app.py

@@ -46,7 +46,8 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         num3 = gr.Number(value=0, container=False, show_label=False, visible=False)        
         num4 = gr.Number(value=0, container=False, show_label=False, visible=False)
         
-        with gr.Column(scale=2):
+     #   with gr.Column(scale=2):
+        with gr.Column():
             placeholder = gr.Markdown(
                 ''' ## Welcome to the Language Model Explanation Challenge!
     Language Models (LMs) are powerful AI tools to understand and generate human language.<br />
@@ -58,7 +59,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
     Can you outsmart the AI?<br />
     &rarr; Try to write a text that will trick it into the wrong decision<br /><br />
                 
-    Choose one of the three tasks below ... and start to play!
+    Choose one of the tasks below ... and start to play!
                 '''
                
                 #* **Like or Dislike** provides a movie/food/book review. You (and AI) are required to guess its score.
@@ -123,7 +124,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 chat_button_1 = gr.Button("Click to see AI's rating", size='sm')
                 slider_1_2 = gr.Slider(label="AI rating: Dislike(0) —> Like(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 interpre_button = gr.Button("See how AI got its rating", size='sm')
-                placeholder_text = gr.Textbox(label="Review: (Red: Positive; Blue: Negative)", value="HELLO! Hallo!", visible=False)
+                placeholder_text = gr.Textbox(label="Red higlights: Positive / Blue higlights: Negative", value="HELLO! Hallo!", visible=False)
                 interpretation2 = gr.components.Interpretation(placeholder_text)
             with gr.Column(scale=1):
                 chatbot1 = gr.Chatbot(height=230, min_width=50, container=False) # height=300
@@ -142,7 +143,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 slider_1_3 = gr.Slider(label="Your rating: Dislike(0) —> Like(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 lang_written = gr.Radio(["English", "Dutch"], label="Language:", info="In which language is the review written?")
                 chat_button_2 = gr.Button("Click to see AI's rating", size='sm')
-                placeholder_written_text = gr.Textbox(label="Review: (Red: Positive; Blue: Negative)", value="HELLO! Hallo!", visible=False)
+                placeholder_written_text = gr.Textbox(label="Red higlights: Positive / Blue higlights: Negative", value="HELLO! Hallo!", visible=False)
                 interpretation4 = gr.components.Interpretation(placeholder_written_text)
                 slider_1_4 = gr.Slider(label="AI rating: Dislike(0) —> Like(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
             with gr.Column(scale=1):
@@ -173,7 +174,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                     sample_button_en_3 = gr.Button("Click to get a sentence", size='sm')
                 input_text_mf = gr.Textbox(label="Sentence:", value="HELLO! Hallo!", visible=False, container=False)
                 interpretation_mf_1 = gr.components.Interpretation(input_text_mf)
-                slider_3_1 = gr.Slider(label="Human: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                slider_3_1 = gr.Slider(label="Your rating of author identity: Male(0) ——> Female(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 user_important_mf = gr.Textbox(label="Which words are your guesses based on?", placeholder="Enter words that you think are important for the task")
             with gr.Column(scale=1):
                 gr.Markdown(
@@ -189,9 +190,9 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 You're given a sentence spoken by a speaker.
                 The goal of this game is to guess the gender of the speaker, from 0 (=Male) to 100 (=Female).
                 
-                * Step 1. Get a sentence and guess the gender of the speaker.
+                *Step 1. Get a sentence and guess the gender of the speaker.
                 
-                * Step 2. Check the gender guessed by AI. Who gets the most correct answer wins.
+                *Step 2. Check the gender guessed by AI. Who gets the most correct answer wins.
                 
                 * Step 3. Check the word highlighting to understand how AI made its decision.
                 '''
@@ -199,10 +200,10 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         
         with gr.Row():
             with gr.Column(scale=2):
-                chat_button_mf = gr.Button("Click to see AI's answer.", size='sm')
-                slider_3_2 = gr.Slider(label="AI: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
-                interpre_button_mf = gr.Button("See how AI gets the answer.", size='sm')
-                placeholder_text_mf = gr.Textbox(label="Sentence: (Red: Female; Blue: Male)", value="HELLO! Hallo!", visible=False)
+                chat_button_mf = gr.Button("Click to see AI's guess", size='sm')
+                slider_3_2 = gr.Slider(label="AI guess on author identity: Male(0) ——> Female(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                interpre_button_mf = gr.Button("See how AI made its guess", size='sm')
+                placeholder_text_mf = gr.Textbox(label="Red higlights: Female / Blue higlights: Male", value="HELLO! Hallo!", visible=False)
                 interpretation_mf_2 = gr.components.Interpretation(placeholder_text_mf)
             with gr.Column(scale=1):
                 chatbot_mf_1 = gr.Chatbot(height=230, min_width=50, container=False) 
@@ -210,18 +211,18 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         gr.Markdown(''' *** ''')
 
         gr.Markdown(
-                ''' # Now try your own sentence!
+                ''' # Now try with your own sentence!
                 '''
         )
 
         with gr.Row():
             with gr.Column(scale=2):
-                text_written_mf = gr.Textbox(label="Sentence: ", placeholder="Enter your sentence.", visible=True)
-                slider_3_3 = gr.Slider(label="Human: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
-                chat_button_mf_2 = gr.Button("Click to see AI's answer.", size='sm')
-                placeholder_written_text_mf = gr.Textbox(label="Sentence: (Red: Female; Blue: Male)", value="HELLO! Hallo!", visible=False)
+                text_written_mf = gr.Textbox(label="Sentence: ", placeholder="Enter a sentence.", visible=True)
+                slider_3_3 = gr.Slider(label="Your rating of author identity: Male(0) ——> Female(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                chat_button_mf_2 = gr.Button("Click to see AI's guess", size='sm')
+                placeholder_written_text_mf = gr.Textbox(label="Red higlights: Female / Blue higlights: Male", value="HELLO! Hallo!", visible=False)
                 interpretation_mf_4 = gr.components.Interpretation(placeholder_written_text_mf)
-                slider_3_4 = gr.Slider(label="AI: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                slider_3_4 = gr.Slider(label="AI guess on author identity: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
             with gr.Column(scale=1):
                 chatbot_mf_2 = gr.Chatbot(height=350, min_width=50, container=False) # height=300