update

app.py

@@ -147,11 +147,11 @@ def resource_block(career):
         link_html += f'<li><strong>{label}</strong>: <a href="{url}" target="_blank">{url}</a></li>'
     link_html += "</ul>"
 
-    video_iframe = f"""
-    <iframe width="560" height="315" src="{content['video']}" 
-    title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; 
-    clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-    """
+    video_iframe = (
+        f'<iframe width="560" height="315" src="{content["video"]}" '
+        'title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; '
+        'clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'
+    )
 
     return link_html, video_iframe
 
@@ -197,4 +197,15 @@ with gr.Blocks(theme=theme, css=custom_css) as chatbot:
                 "Statisticians",
                 "Biomedical Engineer"
             ],
+            label="Choose a Career"
+        )
+        output_links = gr.HTML()
+        output_video = gr.HTML()
+        dropdown_resources.change(
+            fn=resource_block,
+            inputs=dropdown_resources,
+            outputs=[output_links, output_video]
+        )
+
+chatbot.launch()