Update app.py

app.py

@@ -82,56 +82,77 @@ import gradio as gr
 import requests
 from PIL import Image
 
-def display_item(index, list_of_items):
-  """Displays a single item from a list of items.
+list_of_items = [
+  {
+    "text": "Hello",
+    "image_url": "https://example.com/image1.jpg",
+    "translation": "Hola",
+    "link": "https://www.google.com/"
+  },
+  {
+    "text": "World",
+    "image_url": "https://example.com/image2.jpg",
+    "translation": "Mundo",
+    "link": "https://en.wikipedia.org/wiki/World"
+  },
+  {
+    "text": "Goodbye",
+    "image_url": "https://example.com/image3.jpg",
+    "translation": "Adiós",
+    "link": "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+  }
+]
 
-  Args:
+def display_item(index, list_of_items):
+    """Displays a single item from a list of items.
+    
+    Args:
     index: The index of the item to display.
     list_of_items: A list of Python dictionaries, where each dictionary has the following keys:
       * text: The text.
       * image_url: The URL of the image.
       * translation: The translation of the text.
       * link: The URL of the website link.
-  """
-
-  # Get the item from the list of items
-  item = list_of_items[index]
-
-  # Display the text
-  gr.Text(item["text"])
-
-  # Display the image
-  image = Image.open(requests.get(item["image_url"], stream=True).raw)
-  gr.Image(image)
-
-  # Display the translation
-  gr.Text(item["translation"])
-
-  # Display the website link
-  gr.Button("View website", onclick=lambda: gr.HTML(f"<iframe src='{item['link']}' width='100%' height='500px'></iframe>"))
+    """
+    
+    # Get the item from the list of items
+    item = list_of_items[index]
+    
+    # Display the text
+    gr.Text(item["text"])
+    
+    # Display the image
+    image = Image.open(requests.get(item["image_url"], stream=True).raw)
+    gr.Image(image)
+    
+    # Display the translation
+    gr.Text(item["translation"])
+    
+    # Display the website link
+    gr.Button("View website", onclick=lambda: gr.HTML(f"<iframe src='{item['link']}' width='100%' height='500px'></iframe>"))
 
 # Define a function to show the next item
 def show_next_item(index, list_of_items):
   """Shows the next item in the list of items.
-
-  Args:
+    
+    Args:
     index: The current index.
     list_of_items: A list of Python dictionaries, where each dictionary has the following keys:
       * text: The text.
       * image_url: The URL of the image.
       * translation: The translation of the text.
       * link: The URL of the website link.
-  """
-
-  # Increment the index
-  index += 1
-
-  # If the index is greater than the length of the list of items, then reset the index to 0
-  if index >= len(list_of_items):
-    index = 0
-
-  # Display the next item
-  display_item(index, list_of_items)
+    """
+    
+    # Increment the index
+    index += 1
+    
+    # If the index is greater than the length of the list of items, then reset the index to 0
+    if index >= len(list_of_items):
+        index = 0
+    
+    # Display the next item
+    display_item(index, list_of_items)
 
 # Create a Gradio interface
 interface = gr.Interface(display_item, inputs=["number", "list"], outputs="html")