Update app.py

app.py

@@ -100,7 +100,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum leo a
  Ut ac volutpat nisi. 
 </p>
 """
-
 list_dropdown = [
     'Proust',
     'Encyclopédie',
@@ -133,7 +132,6 @@ list_dropdown = [
     'Baudrillard',
     'Romans contemporains'
 ]
-
 # Dictionary of explanations for each artist or style
 explanations = {
     'Proust': "Marcel Proust, known for his introspective and lengthy novel 'In Search of Lost Time', which explores themes of memory and time.",
@@ -166,19 +164,48 @@ explanations = {
     'Derrida': "Jacques Derrida, a philosopher best known for developing deconstruction, a critical approach that questions the relationship between text and meaning.",
     'Baudrillard': "Jean Baudrillard, a cultural theorist known for his analysis of consumerism, simulation, and hyperreality."
 }
+image_urls = {
+    'Proust': "http://t1.gstatic.com/licensed-image?q=tbn:ANd9GcS_zFylvV8-QHOVHSO1TClcYm_gt00YW1rC4j8ZHfLr2eCFsrPI3q8Q_BhzTLdIk-n0",
+    'Encyclopédie': "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Encyclopedie_de_D%27Alembert_et_Diderot_-_Premiere_Page_-_ENC_1-NA5.jpg/1024px-Encyclopedie_de_D%27Alembert_et_Diderot_-_Premiere_Page_-_ENC_1-NA5.jpg",
+    'Balzac': "https://t3.gstatic.com/licensed-image?q=tbn:ANd9GcTlbvVdT2S3WB3ddx7cAl3PyMVTzuInIy-JnZPz5Pfay-xmqZbubnOIH4zzDvhYzmBV",
+    'Montaigne':"https://upload.wikimedia.org/wikipedia/commons/a/ac/Montaigne-Dumonstier.jpg",
+    'Foucault':"https://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Michel_Foucault_1974_Brasil.jpg/260px-Michel_Foucault_1974_Brasil.jpg",
+    'Chansons de gestes':"https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/QuatrefilsAymonmanuscritXVe.jpg/220px-QuatrefilsAymonmanuscritXVe.jpg",
+    'Constitutions françaises':"https://www.le-livre.fr/photos/RO4/RO40203585.jpg",
+    'La Fontaine':"https://upload.wikimedia.org/wikipedia/commons/d/dd/Jean_de_La_Fontaine.PNG",
+    'Madame de Sévigné':"https://upload.wikimedia.org/wikipedia/commons/1/1e/Madame_de_Sevigne_Lefebvre.jpg",
+    'Molière':"https://theatre-contemporain.net/images/upload/persons/a/6/normal-normal-428x640-373.jpg",
+    'Racine':"https://magny-les-hameaux.fr/sites/magny-les-hameaux/files/image/2020-09/Jean%20Racine.jpg",
+    'Théâtre absurde':"https://upload.wikimedia.org/wikipedia/commons/d/d6/En_attendant_Godot%2C_Festival_d%27Avignon%2C_1978.jpeg",
+    'Romans belle époque':"https://www.geo.fr/imgre/fit/~1~geo~2022~09~07~5a10df00-dc69-4e4c-8ee4-81ebef1c1717.jpeg/1200x630/cr/wqkgR2V0dHkgSW1hZ2VzIC8gR0VP/la-belle-epoque-etait-elle-si-belle.jpg",
+    'Bible Segond':"https://upload.wikimedia.org/wikipedia/commons/8/8b/Bible_Segong_21_-_1.jpg",
+    'Zola':"https://upload.wikimedia.org/wikipedia/commons/5/5a/Emile_Zola_1902.jpg",
+    'Pagnol':"https://upload.wikimedia.org/wikipedia/commons/7/79/Pagnol_Harcourt_1948.jpg",
+    'Poésies':"https://www.ville-castres.fr/sites/default/files/thumbnails/image/poesie-1.png",
+    'De Gaulle':"https://www.elysee.fr/cdn-cgi/image/width=720%2Cheight=1080/images/default/0001/02/2b14cc268d0be2c7c7605bca866fea0c24d55d09.jpeg",
+    'Duras':"https://upload.wikimedia.org/wikipedia/commons/1/12/Identite-Duras-1960-Sacem.png",
+    'Braudel':"https://www.radiofrance.fr/s3/cruiser-production/2017/12/1ec62d38-1e2b-4410-8763-f956716f7010/250x250_043_aur_braudel_01.jpg",
+    'Bourdieu':"https://www.scienceshumaines.com/images/p.bourdieu_.jpg",
+    'Derrida':"https://www.philomag.com/sites/default/files/images/derrida_leemage.prt385js_042-copie.jpg",
+    'Baudrillard':"https://www.philomag.com/sites/default/files/styles/sidebar_full_image/public/images/baudrillard_leemage.eff2022.jpg"
+}
 
-# Function to return the explanation based on the selected artist or style
+# Function to return the explanation and the image based on the selected artist or style
 def update_explanation(choice):
-    return explanations.get(choice, "No explanation available.")
+    explanation_text = explanations.get(choice, "No explanation available.")
+    image_url = image_urls.get(choice, "default_image_url_if_not_found")
+    image_html = f"<img src='{image_url}' style='max-height: 200px; max-width: 200px; display: block; margin-left: auto; margin-right: auto; order: 2'/>"
+    return explanation_text, image_html
 
 # Define the Gradio interface using Blocks
 with gr.Blocks(theme = 'carlosrosash/bellay_test') as demo:
     gr.Markdown(title)
     gr.Markdown(description)
     with gr.Row():
-        dropdown = gr.Dropdown(list_dropdown, label="Choose an Artist or Style")
-        explanation_box = gr.Textbox(label="Explanation", type="text", lines=5, interactive=False)
-    dropdown.change(update_explanation, inputs=dropdown, outputs=explanation_box)
+      dropdown = gr.Dropdown(list_dropdown, label="Choose an Artist or Style")
+      explanation_box = gr.Textbox(label="Explanation", type="text", lines=5, interactive=False)
+      explanation_image = gr.HTML(label="Image")  # Display image
+    dropdown.change(update_explanation, inputs=dropdown, outputs=[explanation_box, explanation_image])
 
     # Define the columns for input and output
     with gr.Row():