Update app.py

app.py

@@ -1,4 +1,4 @@
-# import gradio as gr
+import gradio as gr
 
 # # Define a list of word and translation pairs
 # word_translations = [
@@ -8,29 +8,50 @@
 #     {"word": "Please", "translation": "Por favor"}
 # ]
 
-# # Initialize an index to keep track of the current word
-# current_index = 0
+word_translations = [
+  {
+    "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"
+  }
+]
 
-# # Function to display the current word and translation
-# def display_word():
-#     global current_index
-#     word_translation = word_translations[current_index]
-#     current_index = (current_index + 1) % len(word_translations)
-#     return f"Word: {word_translation['word']}<br>Translation: {word_translation['translation']}"
+# Initialize an index to keep track of the current word
+current_index = 0
 
-# # Create a Gradio interface
-# iface = gr.Interface(
-#     fn=display_word,
-#     live=True,
-#     title="Word Translation App",
-#     description="Click 'Next' to view the next word and translation.",
-#     inputs=[],
-#     outputs=["html"],
-#     layout="vertical"
-# )
+# Function to display the current word and translation
+def display_word():
+    global current_index
+    word_translation = word_translations[current_index]
+    current_index = (current_index + 1) % len(word_translations)
+    return f"Word: {word_translation['word']}<br>Translation: {word_translation['translation']} {gr.HTML(f"<iframe src=\'{item['link']}\' width='100%' height='500px'></iframe>"))}" 
 
-# # Start the Gradio interface
-# iface.launch()
+# Create a Gradio interface
+iface = gr.Interface(
+    fn=display_word,
+    live=True,
+    title="Word Translation App",
+    description="Click 'Next' to view the next word and translation.",
+    inputs=[],
+    outputs=["html"],
+    layout="vertical"
+)
+
+# Start the Gradio interface
+iface.launch()
 
 # import gradio as gr
 # import random
@@ -78,74 +99,55 @@
 # # Launch the Gradio interface
 # iface.launch()
 
-import gradio as gr
-import requests
-from PIL import Image
+# import gradio as gr
+# import requests
+# from PIL import Image
+
 
-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"
-  }
-]
 
-def display_item(index, list_of_items):
-    """Displays a single item from a list of items.
+# 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.
-    """
+#     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]
+#     # Get the item from the list of items
+#     item = list_of_items[index]
     
-    # Display the text
-    gr.Text(item["text"])
+#     # 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 image
+#     image = Image.open(requests.get(item["image_url"], stream=True).raw)
+#     gr.Image(image)
     
-    # Display the translation
-    gr.Text(item["translation"])
+#     # 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>"))
+#     # 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):
-    index += 1
+# # Define a function to show the next item
+# def show_next_item(index, list_of_items):
+#     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
+#     # 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)
+#     # Display the next item
+#     display_item(index, list_of_items)
 
-# Create a Gradio interface
-interface = gr.Interface(display_item, inputs=["number", "list"], outputs="html")
+# # Create a Gradio interface
+# interface = gr.Interface(display_item, inputs=["number", "list"], outputs="html")
 
-# Launch the Gradio interface
-# interface.launch(index=0, list_of_items=list_of_items, show_next_item=show_next_item)
-interface.launch()
+# # Launch the Gradio interface
+# # interface.launch(index=0, list_of_items=list_of_items, show_next_item=show_next_item)
+# interface.launch()