Update app.py

app.py

@@ -23,8 +23,11 @@ def reset_scores():
             "Scores": [0, 0],
         }
     )
-    tot_scores = ''' ### <p style="text-align: center;"> 🤖 Machine &ensp; ''' + str(int(0)) + ''' &ensp; VS &ensp; ''' + str(int(0)) + ''' &ensp; Human 🙋 </p>'''
-
+    tot_scores = gr.Markdown(
+        ''' 
+        ### <p style="text-align: center;"> Today's Scores:</p>
+        ### <p style="text-align: center;"> 🤖 Machine &ensp; <span style="color: red;">''' + str(int(0)) + '''</span> &ensp; VS &ensp; <span style="color: green;">''' + str(int(0)) + '''</span> &ensp; Human 🙋 </p>'''
+    )
     # scroe_human = ''' # Human: ''' + str(int(0))
     # scroe_robot = ''' # Robot: ''' + str(int(0))
 
@@ -110,7 +113,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 tot_scores_1 = gr.Markdown(
                     ''' 
                     ### <p style="text-align: center;"> Today's Scores:</p>
-                    ### <p style="text-align: center;"> 🤖 Machine &ensp; <span style="color: red;">''' + str(int(0)) + '''</span> &ensp; VS &ensp; ''' + str(int(0)) + ''' &ensp; Human 🙋 </p>'''
+                    ### <p style="text-align: center;"> 🤖 Machine &ensp; <span style="color: red;">''' + str(int(0)) + '''</span> &ensp; VS &ensp; <span style="color: green;">''' + str(int(0)) + '''</span> &ensp; Human 🙋 </p>'''
                 )
         with gr.Row():
             with gr.Column(scale=2):
@@ -181,14 +184,18 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 - Step 3: Check the word highlighting to understand how AI made its decision.
                 '''
                 )
-                gr.Markdown(
-                ''' ## Today's Scores
-                '''
-                )
+                # gr.Markdown(
+                # ''' ## Today's Scores
+                # '''
+                # )
+                # tot_scores_2 = gr.Markdown(
+                #     ''' ### <p style="text-align: center;"> 🤖 Machine &ensp; ''' + str(int(0)) + ''' &ensp; VS &ensp; ''' + str(int(0)) + ''' &ensp; Human 🙋 </p>'''
+                # )
                 tot_scores_2 = gr.Markdown(
-                    ''' ### <p style="text-align: center;"> 🤖 Machine &ensp; ''' + str(int(0)) + ''' &ensp; VS &ensp; ''' + str(int(0)) + ''' &ensp; Human 🙋 </p>'''
+                    ''' 
+                    ### <p style="text-align: center;"> Today's Scores:</p>
+                    ### <p style="text-align: center;"> 🤖 Machine &ensp; <span style="color: red;">''' + str(int(0)) + '''</span> &ensp; VS &ensp; <span style="color: green;">''' + str(int(0)) + '''</span> &ensp; Human 🙋 </p>'''
                 )
-        
         with gr.Row():
             with gr.Column(scale=2):
                 chat_button_mf = gr.Button("Click to see AI's guess", size='sm')