| import gradio as gr | |
| from PIL import Image | |
| # Function to display the image | |
| def show_image(): | |
| image = Image.open('the_peddlers_magic_seeds.jpg') # Ensure this image is in the repository | |
| return image | |
| # Gradio interface | |
| iface = gr.Interface( | |
| fn=show_image, | |
| inputs=gr.Button("The Peddler's Magic Seeds", elem_id="title_button"), | |
| outputs="image", | |
| title="", | |
| description="Click the title to reveal the image related to the story." | |
| ) | |
| # Add custom CSS to underline the title | |
| iface.launch( | |
| inline=False, | |
| css=".gr-button { text-decoration: underline; font-size: 20px; font-weight: bold; }" | |
| ) | |