Update app.py

app.py

@@ -50,11 +50,13 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         #with gr.Column():
             placeholder = gr.Markdown(
                 ''' ## Welcome to the Language Model Explanation Challenge!
+    <font size="2">
     Language Models (LMs) are powerful AI tools to understand and generate human language.<br />
     However, they sometimes make mistakes... and it's hard to know why!<br /><br />
-
                 
     Choose one of the tasks below ... and start to play!
+    </font>
+
                 '''
                
                 #* **Like or Dislike** provides a movie/food/book review. You (and AI) are required to guess its score.
@@ -71,12 +73,14 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
              #logo = gr.Image('logo.png', height=230, width=600, min_width=80, show_label=False, show_share_button=False, interactive=False, container=False)
             placeholder = gr.Markdown(
                 ''' 
+                <font size="2">
                 Are *humans* or *machines* better at understanding language?<br />
                 &rarr; Play a game against AI to find out!<br />
                 Does AI think like you or not at all?<br />
                 &rarr; Check out the color highlighting to see which parts of the sentence are more important for the machine.<br />
                 Can you outsmart the AI?<br />
                 &rarr; Try to write a text that will trick it into the wrong decision<br /><br />
+                </font>
                 ''' 
             )
             
@@ -115,11 +119,9 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 You're given a short review of a movie, book or restaurant.
                 The goal of this game is to guess how *positive* the review is, from 0 (=extremely bad) to 100 (=fantastic).
                 
-                * Step 1. Get an English or Dutch review and guess the corresponding score.
-                
-                * Step 2. Check the score guessed by AI. Who gets the most correct answer wins.
-                
-                * Step 3. Check the word highlighting to understand how AI made its decision.
+                * Step 1: Get an English or Dutch review and guess the corresponding score.
+                * Step 2: Check the score guessed by AI. Who gets the most correct answer wins.
+                * Step 3: Check the word highlighting to understand how AI made its decision.
                 '''
                 )      
         
@@ -178,7 +180,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="Your rating of author identity: Male(0) ——> Female(100)", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                slider_3_1 = gr.Slider(label="Your guess of author gender: 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(
@@ -191,21 +193,19 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 gr.Markdown(
                 ''' ## Male or Female
                 
-                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 2. Check the gender guessed by AI. Who gets the most correct answer wins.
+                You're given a sentence written by a person.
+                The goal of the game is to guess the gender of that person, from 0 (=Male) to 100 (=Female).
                 
-                * Step 3. Check the word highlighting to understand how AI made its decision.
+                - Step 1: Get a sentence and guess the gender of its author.
+                - 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.
                 '''
                 )      
         
         with gr.Row():
             with gr.Column(scale=2):
                 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)
+                slider_3_2 = gr.Slider(label="AI guess on author gender: 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)
@@ -222,11 +222,11 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         with gr.Row():
             with gr.Column(scale=2):
                 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)
+                slider_3_3 = gr.Slider(label="Your guess of author gender: 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 guess on author identity: Male ——> Female", container=True, min_width=200, height=80, show_label=True, interactive=True)
+                slider_3_4 = gr.Slider(label="AI guess on author gender: Male(0) ——> Female(100)", 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