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",
@@ -310,6 +311,33 @@ def display_videos_and_info(lang_code, t):
         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 2023", 
+                            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 2023", 
+                            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("""