Update Webpage.py

Webpage.py

@@ -110,7 +110,7 @@ with gr.Blocks() as demo:
     gr.Interface(
         fn=attention,
         inputs=[gr.Markdown("""
-                            Instruction: 
+                            ### Instruction: 
                             1. Click to upload or drag the entire image that contains BOTH ad and its context;  
                             2. Draw bounding boxes in the order of: (each element can have more than 1 boxes; remember the number of boxes for each element you draw)  
                                (a) Brand element(s) (skip if N.A.)  
@@ -119,7 +119,7 @@ with gr.Blocks() as demo:
                                (d) The advertisement.  
                             3. Put in number of bounding boxes for each element, product category, ad location and attention type.  
 
-                            NOTE: ResNet50 Heatmap could take around 20-80 seconds under current CPU environment.
+                            ***NOTE:*** *ResNet50 Heatmap could take around 20-80 seconds under current CPU environment.*
                                 
                             Two example ads are avialable for download: """),
                 gr.DownloadButton(label="Download Example Image 1 of Ad and Context", value='Demo/Ad_Example1.jpg'),
@@ -132,10 +132,10 @@ with gr.Blocks() as demo:
                 gr.Dropdown(LOCATIONS, label='Ad Location'),
                 gr.Dropdown(GAZE_TYPE, label='Gaze Type')
                 ],
-        outputs=[gr.Number(label="Predicted Gaze (sec"),
+        outputs=[gr.Number(label="Predicted Gaze (sec)"),
                  gr.Image(label="ResNet50 Heatmap"),
                  gr.Textbox(label="Heatmap Info")],
-        title="Gazer 1.0: Ad Attention Prediction",
+        title="""Gazer 1.0: Ad Attention Prediction""",
         description="""This app accompanies: "Contextual Advertising with Theory-Informed Machine Learning", manuscript submitted to the Journal of Marketing.  
                        App Version: 1.0, Date: 10/24/2024.  
                        Note: Gazer 1.0 does not yet include LLM generated ad topics. Future updates will include this in a GPU environment.""",