Update modules/ui/ui.py

modules/ui/ui.py

@@ -213,14 +213,15 @@ def is_institutional_email(email):
 
 def display_videos_and_info(lang_code, t):
     # Crear tabs para cada sección
-    tab_use_case, tab_videos, tab_events, tab_news = st.tabs([
+    tab_use_case, tab_videos, tab_events, tab_gallery, tab_news = st.tabs([
         "Casos de uso", 
         "Videos de presentaciones", 
         "Ponencias académicas",
+        "Fotos de eventos",
         "Control de versiones"
     ])
 
-# Tab de Galería
+# Tab de Casos de uso
     with tab_use_case:
         use_case_videos = {
             "Uso de los diagramas de arco": "https://www.youtube.com/watch?v=JnP2U1Fm0rc",
@@ -263,43 +264,75 @@ def display_videos_and_info(lang_code, t):
         Nuevo León, México. Del 28 al 30 enero 2025
     
         ## 2024
-        **AIdeaText, AIdeaText, recurso digital que emplea la técnica de Análisis de Resonancia Central para perfeccionar textos académicos**  
+        [1]
+        AIdeaText, AIdeaText, recurso digital que emplea la técnica de Análisis de Resonancia Central para perfeccionar textos académicos**  
         V Temporada SENDA - Organizado por el Seminario de Entornos y Narrativas Digitales en la Academia del 
         Instituto de Investigaciones Antropológicas (IIA) de la Universidad Autonóma de México (UNAM). 22 noviembre 2024
     
-        **Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
+        [2]
+        Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
         Congreso HeETI 2024: Horizontes Expandidos de la Educación, la Tecnología y la Innovación  
         Universidad el Claustro de Sor Juana. Del 25 al 27 septiembre 2024
-        **AIdeaText, visualización de mapas semánticos**
+        [3]
+        AIdeaText, visualización de mapas semánticos**
         PyCon 2024, Organizado por el grupo de desarrolladores independientes de Python. 
         Universidad EAFIT, Medellín, Colombia. Del 7 al 9 de junio de 2024. 
         
         ## 2023
         **Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
+        [1]
         XVII Congreso Nacional de Investigación Educativa - VII Encuentro de Estudiantes de Posgrado Educación.
         Consejo Mexicano de Investigación Educativa (COMIE)  
         Villahermosa, Tabasco, México. 
         Del 4 al 8 de diciembre 2023
-        **Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
+        [2]
         XXXI Encuentro Internacional de Educación a Distancia  
         Universidad de Guadalajara. Jalisco, México. 
         Del 27 al 30 noviembre 2023
-        **Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
+        [3]
         IV Temporada SENDA - Seminario de Entornos y Narrativas Digitales en la Academia  
         Instituto de Investigaciones Antropológicas (IIA), UNAM. 
         22 noviembre 2023
-    
-        **Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)**  
+        [4]
         1er Congreso Internacional de Educación Digital  
         Instituto Politécnico Nacional, sede Zacatecas. México. 
         Del 23 al 24 de noviembre de 2023
     
-        **La cuestión de la centralidad del maestro frente a las tecnologías digitales generativas**  
+        [5]
+        La cuestión de la centralidad del maestro frente a las tecnologías digitales generativas**  
         Innova Fórum: Ecosistemas de Aprendizaje  
         Universidad de Guadalajara. Jalisco, México. 
         Del 16 al 18 de mayo 2023
         """)
 
+    # Tab de Galería
+    with tab_gallery:
+        # Contenedor con ancho máximo
+        with st.container():
+            # Dividimos en dos columnas principales
+            col_left, col_right = st.columns(2)
+                        
+            # Columna izquierda: Foto 1 grande
+            with col_left:
+                # Foto 2 arriba
+                st.image("assets/img/socialmedia/_MG_2845.JPG", 
+                        caption="MakerFaire CDMX 2024", 
+                        width=480)  # Ajusta este valor según necesites
+                        # use_column_width=True)
+                
+                # Foto 3 abajo
+                st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg", 
+                        caption="MakerFaire CDMX 2024", 
+                        width=480)  # Ajusta este valor según necesites 
+                        # use_column_width=True)
+
+                            # Columna derecha: Fotos 2 y 3 una encima de otra
+            with col_right:
+                st.image("assets/img/socialmedia/_MG_2790.jpg", 
+                        caption="MakerFaire CDMX 2024", 
+                        width=540)  # Ajusta este valor según necesites
+
+    
     # Tab de Novedades
     with tab_news:
         st.markdown("""